上で説明したように、IE8 以下を含む他のすべてのブラウザーでは問題なく表示されるのに、IE9 では @font-face が表示されないという問題があります。さらに、コンピューター上でローカルに表示すると、IE9 ではフォントが表示されますが、完全にライブではないという問題があります。
サイトは以下のとおりです。
使用されるコードは次のとおりです。
@font-face {
font-family: 'LeagueGothicRegular';
src: url('league_gothic_0-webfont.eot');
src: local('League Gothic Regular'), url('league_gothic_0-webfont.woff') format('woff'), url('league_gothic_0-webfont.ttf') format('truetype'), url('league_gothic_0-webfont.svg#webfonta36nFpyE') format('svg');font-weight: normal;font-style: normal;
}
なぜこのようなことが起こるのか、誰か考えはありますか?
乾杯！
=============================================
編集
IE9 で同じフォントを問題なく表示する次のサイトを見つけました。どうやってこれを実現したのか、誰か知っていますか?
ベストアンサー1
回答ではなく、確認です。私も同じような問題を抱えています。IE9 を除く他のすべての IE バージョンでは、IETester と元のブラウザの両方を使用して、フォントが機能します。ドキュメント モード (F12 開発ツール) を変更すると、フォントが機能します。ただし、私の希望どおりではありません。
アップデート: ちょっとしたトリックでなんとか動作させることができました。IE9は.woffフォントのバージョン（除外していたもの）.eot私はそう思った。@font-face ジェネレーターからフォントリスさまざまなフォントのバリエーションをすべて取得し、プロジェクトに組み込むために、笑顔-local。.htaccess ファイルを変更する必要はありませんでした。これで問題なく動作し、すべての IE バージョンで同じように表示されます。
@font-face {
font-family: "LucidaFax-bold";
src: url("_font/LucidaFax-bold.eot");
src: local("☺"),
url("_font/LucidaFax-bold.woff") format("woff"),
url("_font/LucidaFax-bold.ttf") format("truetype"),
url("_font/LucidaFax-bold.svg#LucidaFax-bold") format("svg");
}
h1 { font-family: "LucidaFax-bold", serif;}
（私はマーク・「ターキン」・ウィルトン・ジョーンズのテキストシャドウハック、他のブラウザと同じ外観を IE バージョンに適用します。昔ながら？素晴らしいですね！価値はありましたか？まあ、多くのことを学びました。;)