3

IE (IE9) でフォントを正しく読み込むことができません。Chromeで正常に動作します。

このFiddleを見ると、問題を確認できます。IE9 ではボックスが表示されますが、Chrome では星が表示されます。

ここにある FontAwesome パッケージを使用しています。問題は、.css ファイルの先頭にある @font-face 宣言にあると思います (以下を参照)。IE がこのフォントをレンダリングしない理由を誰かが理解できますか?

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
     url('../font/fontawesome-webfont.woff') format('woff'),
     url('../font/fontawesome-webfont.ttf') format('truetype'),
     url('../font/fontawesome-webfont.svgz#FontAwesomeRegular') format('svg'),
     url('../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
4

2 に答える 2

3

問題を理解しました。互換モードでIE9を使用していました。それをオフにすると、フォントが表示され始めました。

于 2012-03-07T18:16:16.307 に答える
0

jsfiddleでは、要素を設定せずfont-family、イタリック（ielement）を使用していますが、@font-face通常のフォントのみを指定しています。jsfiddleは、欠落しているため@font-face（URLが相対的であるため、そこでは機能しません）、問題を示しません。 。

さらに、jsfiddleは、通常のコンテンツではなく、生成されたコンテンツのスタイルを設定しようとします。使用する文字は私用文字（U + F060）であり、私的合意がない限り、そのような文字を送信および使用することは想定されていません。

他の問題（生成されたコンテンツの問題など）の影響を排除するために、可能な限り単純なケースで問題を切り分けるのが最善です。

于 2012-03-07T05:01:21.023 に答える