「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」
表紙 > プログラミング > なぜ私の @font-faceがライブサイトでIE9で動作しないのですか?

なぜ私の @font-faceがライブサイトでIE9で動作しないのですか?

2025-03-22に投稿されました
ブラウズ:746

Why is My @font-face Not Working in IE9 on a Live Site?

@font-faceの問題をIE9

にデバッグするIE8およびその他のブラウザーでシームレスに機能しているにもかかわらず、 @font-face EncountersはIE9に困難を表示します。この問題はライブサイトで具体的に発生しますが、ユーザーのコンピューターでのローカル表示は問題を提示しません。 font-family: 'leaginggothic reluport'; src:url( 'League_gothic_0-webfont.eot'); SRC:ローカル( 'リーグゴシックレギュラー')、url( 'League_gothic_0-webfont.woff')format( 'woff')、url( 'leave_gothic_0-webfont.ttf')形式( 'trueType')、url( 'reague_gothic_0-webfont.svfont.svgg format( 'svg'); font-weight:normal; font-style:normal; }

同様の問題が報告されており、IE9を除くすべてのIEバージョンでフォントが機能します。ただし、(F12開発者ツールを介して)ドキュメントモードを変更すると、理想的ではありませんが、問題は解決します。 fontsquirrel @font-faceジェネレーターによって生成された完全なフォントバリエーションを含め、Smileyface-local Techniqueを使用して、問題は解決されました:

@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;
}

さらに、マーク「Tarquin」Wilton-Jones Text-Shadow Hackは、IEバージョン全体で一貫した視覚スタイリングを実現するために採用されています。

最新のチュートリアル もっと>

免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。 できるだけ早く対応させていただきます。

Copyright© 2022 湘ICP备2022001581号-3