@font-face が Internet Explorer ではレンダリングされないのに、Firefox では完全に動作するのはなぜですか?-CSSチュートリアル-php.cn

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

Patricia Arquette

リリース： 2024-10-25 01:47:02

オリジナル

516 人が閲覧しました

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 サイトの他の関連記事を参照してください。