ホームページ >ウェブフロントエンド >CSSチュートリアル >@font-face が Internet Explorer ではレンダリングされないのに、Firefox では完全に動作するのはなぜですか?

@font-face が Internet Explorer ではレンダリングされないのに、Firefox では完全に動作するのはなぜですか?

Patricia Arquette
Patricia Arquetteオリジナル
2024-10-25 01:47:02598ブラウズ

Why is my @font-face not rendering in Internet Explorer, but it works perfectly in 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 サイトの他の関連記事を参照してください。

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