私は本業のグラフィック デザイナーで、ポートフォリオの再設計に取り組んでいます。その過程で、ライブ サーバーで IE 9 が @font-face と Google フォントをレンダリングしないという問題に遭遇しました。奇妙なことに、自分のサイトを IE 9 でローカルに表示する場合、問題はありません。
これは普遍的に発生しているようで (IE 9 でのみ発生し、IETester の古いバージョンでは発生していません)、私の Web サイトだけに限ったことではありません。たとえば、このデモはすべてのブラウザーで問題なく動作しますが、IE 9 は既定のフォントに戻ります。
現在の状態のサイトをここにアップロードしました。見出しは、Font Squirrel の次の CSS に依存しています。
@font-face {
font-family:'LeagueGothicRegular';
src:url('../fonts/LeagueGothic/League_Gothic-webfont.eot');
src:url('../fonts/LeagueGothic/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/LeagueGothic/League_Gothic-webfont.woff') format('woff'),
url('../fonts/LeagueGothic/League_Gothic-webfont.ttf') format('truetype'),
url('../fonts/LeagueGothic/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight:normal;
font-style:normal;
}
以前のデモと同様に、これは IE 9 を除くすべてのブラウザーで完全に機能します。これは既知の問題ですか? それとも、自分のコンピューターのローカライズされた問題でしょうか? 私はすでにIE 9をデフォルト設定にリセットし、キャッシュをクリアして再起動しようとしました。この正確な問題を含む他の投稿を見つけることができなかったので、説明するのに途方に暮れています。