0

Google Fonts を使用して 2 つのフォントをロードしています。それらは ie9 より下では絶対に恐ろしく見えるので、無視したいと思います。これが私が考えていることです：

<!DOCTYPE html>
<!--[if lte IE 8 ]> <html class="ie8" lang="en-US"> <![endif]-->
<!--[if !IE]><!--><html lang="en-US"><!--<![endif]-->

次に、CSSで次のようなものを使用できます：

h1{
font: normal 33px/50px 'Open Sans', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;

}

.ie8 h1{
font: normal 33px/50px 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;

}

これで、Open Sans を使用しようとするのは面倒です。実際のスタイルシートをロードするのはどうですか。このようなものでよろしいでしょうか？

<!--[if !(lte IE 8) ]>
<link href="http://fonts.googleapis.com/css?family=Kite+One|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css">
<![endif]-->

これにより、ie8 以下で CSS をロードすることさえできなくなり、無駄なダウンロードを防ぐことができます - 正しいですか? これは正しい構文ですか?

誰かがより良い方法をお勧めしますか? すべてのフォントを個別にロードしようとしましたが、ie8 と 7 ではまだ正しく動作しないため、これはオプションではありません。

4

1 に答える 1

0

IE8以下を除外するには、次のようなものを使用する必要があります:

<!--[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]-->

最初のものは、IE9 以降のフォントのみを読み込みます。2 番目のものは、すべての非 IE ブラウザ用にロードします。

あるいは、JavaScript を使用してフォントをロードすることもできます。

于 2013-01-09T21:59:59.403 に答える