0

PaulIrishの防弾@font-face構文に基づいて、カスタムフォントに次のCSSコードを使用しています。

@font-face {
    font-family: 'TradeGothic';
    src: url('tradegothiclt.eot');
    src: local('☺'),  
        url('tradegothiclt.otf') format('otf'),
        url('tradegothiclt.ttf') format('truetype');
}

何らかの理由で、これはFirefox、Chrome、およびIE7で完全に機能しますが、IE8/9では機能しません。なぜこれが当てはまるのか、何か考えはありますか？他のフォントフェイスの方法を試しましたが、毎回同じ結果が得られます。関連性があるかどうかはわかりませんが、これはWordpressのインストールを通じて行われています。

4

1 に答える 1

1

@font-faceルールの外にルールを移動し@mediaます。

一般的な CSS 構文では、 @ -規則はスタイル シートのトップ レベルにのみ表示され、別の @-規則内にネストされることはありません。IE 9 ではこれが強制されているようで、 W3C CSS Validatorを使用してこれを確認することもできます(@-rule がネストされている場合、あいまいなエラー メッセージ「解析エラー」が表示されます)。

于 2013-01-03T11:07:24.357 に答える