ホームページ >ウェブフロントエンド >CSSチュートリアル >私の「@font-face」は IE8 では動作するのに、IE9 では動作しないのはなぜですか?
IE9 での「@font-face」の問題のトラブルシューティング
「@font-face」が正しく表示されるという厄介な問題が発生しましたIE8ではありますが、IE9ではありません。フォントはローカル コンピュータでは正常に表示されますが、サイトが稼働しているときは表示されません。この問題を詳しく調査するために、コードを分析し、考えられる解決策を検討します。
ご提供いただいたコードは適切に構造化されており、さまざまなブラウザーに必要なフォント ソースがすべて含まれているようです。ただし、IE9 は推奨される EOT 形式を利用しておらず、代わりに WOFF バージョンを選択しているようです。これを解決するには、FontSquirrel によって生成されたすべてのフォント バリエーションを含めるようにコードを更新しました。これにより、IE9 が WOFF バージョンにアクセスできるようになり、フォントが正しく表示されるようになります。
興味深いことに、IE9 を除くすべての IE バージョンでフォントが動作するという同様の問題が報告されました。興味深いことに、(F12 開発ツールを使用して) ドキュメント モードを切り替えると、問題が解決されました。これは、IE9 による特定のフォント ファイルの処理に問題がある可能性があることを示唆しています。
さらに、同じフォントを IE9 で正常に表示する Web サイト (iamthomasbishop.com) についても言及されました。その実装を調べて、そのアプローチと潜在的な解決策について洞察を得る価値があります。
要約すると、IE9 で「@font-face」が表示されない問題は、フォント ファイルの選択とブラウザの互換性に関連している可能性があります。コードを更新して必要なフォント形式をすべて含め、IE9 の特定の要件を考慮すると、この問題を効果的に解決できます。
以上が私の「@font-face」は IE8 では動作するのに、IE9 では動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。