0

何らかの理由で、Weblogic テスト サーバーでは、IE9 は @font-face フォントを正しくレンダリングしません。ローカルの開発環境では問題なくロードされますが、テストにデプロイすると、Font Awesome と TinyMCE4 のアイコン フォントがロードされません。

問題を IE9 が eot フォントの後に woff および ttf フォントをロードしているように見えるという事実に絞り込みました (以下の SS を参照)。 :

ここに画像の説明を入力

ご覧のとおり、eot は適切にロードされていますが、何らかの理由で継続して woff と ttf をロードしています。これは、開発環境では発生しません (EOT のみが読み込まれます)。次のように、web.xml で MIME タイプを設定しました。

<mime-mapping>
    <extension>eot</extension>
    <mime-type>application/vnd.ms-fontobject</mime-type>
</mime-mapping>
<mime-mapping>
    <extension>ttf</extension>
    <mime-type>application/x-font-ttf</mime-type>
</mime-mapping>
<mime-mapping>
    <extension>woff</extension>
    <mime-type>application/x-font-woff</mime-type>
</mime-mapping>
<mime-mapping>
    <extension>otf</extension>
    <mime-type>font/opentype</mime-type>
</mime-mapping>    

@font-face 宣言は正しいように見えます。

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

他の IE9 の @font-face の問題を高低で検索しました (IE9 の font-face の問題は他にもたくさんあります)。サーバーからのファイルの提供に関係があると思います。

どんな助けでも大歓迎です!

ありがとう!

4

0 に答える 0