これらは正常に機能していると思っていましたが、確認したところ、ie9 で空白のページが表示されました。開発者ツールを使用して8または7に切り替えると、同じ結果になります。多分私は今疲れすぎているのかもしれませんが、以下に問題を引き起こすような問題は見当たりません。
一番上はhtml、つまり8以下にクラスを追加するので、cssでのGoogleフォントの使用を削除できます。次に、IEまたはIE 9以降以外のすべてのGoogleフォントを読み込みます。
これの何が問題なのですか?
<!DOCTYPE html>
<!--[if lte IE 8 ]> <html class="ie8" lang="en-US"> <![endif]-->
<!--[if !IE]><!--> <html lang="en-US"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>test</title>
<meta name="description" content="test">
<link rel="stylesheet" href="/css/base.css" type="text/css">
<link rel="stylesheet" href="/css/styles.css" type="text/css">
<!--[if gt IE 8]>
<link href="http://fonts.googleapis.com/css?family=Kite+One|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
<![endif]-->
<!--[if !IE]><!-->
<link href="http://fonts.googleapis.com/css?family=Kite+One|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
<!--<![endif]-->
</head>