ホームページ >ウェブフロントエンド >CSSチュートリアル >@font-face が Internet Explorer ではレンダリングされないのに、Firefox では完全に動作するのはなぜですか?
Internet Explorer: @font-face がレンダリングされない
スタイリッシュなフォントを Web サイトに組み込もうとした開発者は、次の問題に遭遇しました。フォントは Firefox では問題なく表示されますが、Internet Explorer では表示されません。 IE がフォントにアクセスしたという証拠が Apache アクセス ログにあるにもかかわらず、@font-face CSS タグでは適切なレンダリングが行われません。
この問題に対処するために、開発者はフォントを EOT 形式に変換するツールを利用しました。 、つまり Kirsle の TTF2EOT コンバータです。ただし、Microsoft の WEFT ツールは、初期化時にアプリケーションがハングするため、効果がないことが判明しました。
フォント定義の開発者の CSS は次のとおりです。
@font-face { font-family: 'HelveticaLTCN'; src: url('HelveticaNeueLTCom-LtCn_0.eot'); src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType'); }
フォントは、その後、以下を使用して呼び出されます。 CSS:
p .mytext { font-family: HelveticaLTCN; }
解決策: Font Squirrel の利用
この障害を克服するには、Font Squirrel のサービスを利用することを強くお勧めします。このツールは機能の点で WEFT を上回り、相互互換性の優れたソリューションを提供します。 Font Squirrel を使用すると、単一の ZIP ファイル内ですべての重要なクロスブラウザ形式を生成でき、包括的な CSS HTML サンプル ページが付属します。
Font Squirrel を使用すると、@fontface の実装で比類のないレベルのシンプルさと効率が実現します。 、幅広い Web ブラウザーで最適なフォント レンダリングを実現するための最も効果的なアプローチを提供します。
以上が@font-face が Internet Explorer ではレンダリングされないのに、Firefox では完全に動作するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。