私はこれがよくある問題であることを知っています。私は見つけることができるほとんどすべての解決策を試しました。
問題
クライアントに 4 つのフォント フェイスを実装しようとしています。現在のファイルは font-squirrel で生成されています。ただし、フォントは IE 7/8 ではまったく機能せず、IE9 では部分的に機能します。
フォント自体のクロスブラウザー レンダリングはここでは問題ではありません。表示させたいだけです。
私たちが試したこと
私たちは (私が働いている会社で) 次の作業に多くの時間を費やしました:
- 複数の構文を見つけました。
- ページがロードされてから数秒後に、JavaScript で CSS を再ロードします (古いプロジェクトで機能しました)。
- すべての構文の問題を確認してください。
- 404 エラーが発生したかどうかを確認します
- 同じ名前を付けますが、フォントの太さが異なります
- ?#iefix と使用される特定の形式を追加しようとしました
スクリーンショット
サンプルコード
ライブで見ることができます: http://dev.phin.fr/fontsie/
構文
@font-face {
font-family: 'DidotBoldItalic';
src: url('fonts/DidotHTF-24BoldItalic.eot');
src: url('fonts/DidotHTF-24BoldItalic.ttf') format('truetype'), url('fonts/DidotHTF-24BoldItalic.svg') format('svg');
font-weight: normal;
font-style: normal;
}
ありがとうございました!