何らかの理由で、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 の問題は他にもたくさんあります)。サーバーからのファイルの提供に関係があると思います。
どんな助けでも大歓迎です!
ありがとう!