Web フォントの 1 つで 1 つの問題が発生しており、検索を繰り返しても原因が見つかりません。
JSP を使用して開発された Web アプリケーションが 1 つあります。これは、次の CSS でフォントをロードします。
@font-face {
font-family: 'MyFont';
src: url('fonts/myfont-webfont.eot');
src: url('fonts/myfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/myfont-webfont.woff') format('woff'),
url('fonts/myfont-webfont.ttf') format('truetype'),
url('fonts/myfont-webfont.svg#MyFontRegular') format('svg');
font-weight: normal;
font-style: normal;
}
このフォントを使用する必要がある場合は、次のように呼び出します。
.formlogin span.help-block a {
color: #93B1CC !important;
font-weight: normal;
padding-left: 95px;
font-size: 12px;
font-family: 'MyFont';
position: relative;;
margin-top: -20px;
}
今まではすべて問題ありません（すべてのブラウザで問題なくロードされます）。
現在、私たちは同じインターフェースを持つ別の Web サイトを開発しています。そのため、CSS とフォント ファイルを元のプロジェクトから新しいプロジェクトにコピーしました。現在、この新しいプロジェクトでは、Web フォントは Chrome では正しく表示されますが、Firefox と IE9 では表示されません。
about:config で firefox プロパティを変更しようとしましたが、うまくいきませんでした。
どちらの Web サイトも同じサーバーを使用しているため、サーバー構成に何かを追加しても解決にはなりません。
URL を /fonts/.. と /styles/fonts/... と styles/fonts/... に変更しようとしましたが、うまくいきませんでした。
firebug では、ネットワーク セクションで、404 が取得されないため、フォントの URL が正しく読み込まれているように見えます。ウェブ）。また、Web フォントを呼び出すときに !important 句を追加しようとしましたが、まだうまくいきません。
何か助けはありますか？ありがとう！
アップデート
ファイルへのパスに関連付ける必要があります。次のように、ファイルのバイトでフォントフェイスを直接設定した場合：
@font-face {
font-family: "MyFont";
font-style: normal;
font-weight: 300;
src: url("data:font/opentype;base64,d09GRgABAAAAAFaoABEAAAAA....");
}
それはうまくいきます。これは解決策ではありません。最初の font-face 構成でさまざまな URL を使用していたように、ブラウザーに応じてファイルを変更する必要があるためです。
誰かが原因について手がかりを持っていますか?