ホームページ  >  記事  >  ウェブフロントエンド  >  私の @font-face が Internet Explorer で動作しないのはなぜですか?

私の @font-face が Internet Explorer で動作しないのはなぜですか?

Linda Hamilton
Linda Hamiltonオリジナル
2024-10-25 05:53:29840ブラウズ

Why Won't My @font-face Work in Internet Explorer?

Internet Explorer @font-face: レンダリングの難問

Web 開発の分野では、Internet Explorer は謎めいた存在として存在します。フォントのレンダリングになります。 Firefox はカスタム フォントの優雅な表示を採用していますが、Internet Explorer はしばしば独特の課題を引き起こします。 @font-face CSS タグは正常に解析されたにもかかわらず、指定されたフォントを表示できません。

この難題は多くの開発者を困惑させており、これを解決するために多数の方法が提案されています。 1 つのアプローチでは、Microsoft WEFT ツールを利用して TrueType フォント (.ttf) を、Internet Explorer でサポートされる標準である Embedded OpenType (.eot) 形式に変換します。ただし、このケースのユーザーが気づいたように、WEFT は必ずしも期待どおりに動作するとは限りません。

この永続的な問題に対処するために、ユーザーは .eot フォント ファイルを生成するオンライン フォント コンバーターを利用しました。それにも関わらず、このファイルは、ブラウザーがこのファイルを取得したことがアクセス ログで確認されたにもかかわらず、Internet Explorer では期待どおりの効果を生み出すことができませんでした。

さらなる調査により、ユーザーの CSS コードが正しいと思われることが判明しました。しかし、問題は解決しませんでした。状況を改善するための必死の試みとして、ユーザーは独自のクラスを使用してフォントを呼び出そうとしました:

<code class="css">p .mytext {
font-family: HelveticaLTCN;
}</code>

しかし、残念なことに、このアプローチも無駄であることがわかりました。

疲れ果てて、イライラしたユーザーは、インターネット上に慰めと導きを求めました。彼らの注目を集めた提案の 1 つは、由緒ある Font Squirrel Web サイトを推奨するものでした。このツールは、WEFT よりもはるかに優れていると称賛されており、フォントをブラウザー間で互換性のある形式に変換するためのシームレスなソリューションを提供しました。必要なすべての形式と動作するコード サンプルを含む単一の zip ファイルが装備され、ユーザーの祈りはついに応えられました。

こうして、Internet Explorer の @font-face レンダリングの問題の謎が解決されました。 Font Squirrel の魔法により、カスタム フォントがウェブサイトのページを飾り、比類のない優雅さと明瞭さでページを飾ります。

以上が私の @font-face が Internet Explorer で動作しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。