カスタム フォントが CSS で正しく表示されないのはなぜですか?

CSS でのフォントのインポートをマスターする

カスタム フォントを CSS にインポートすると、フォントがそうでない場合でも、Web サイトに独自のタイポグラフィを追加できます。クライアントのコンピュータで利用できます。ただし、フォントの実装が期待どおりに機能していないことに気付いた場合は、詳細を調べてみましょう。

問題の解決

指定した CSS コードが表示されます。 src 属性にキーエラーがあります。正しい構文は次のとおりです。

src: url(EntezareZohoor2.eot), url(EntezareZohoor2.ttf) format('truetype'), url(EntezareZohoor2.svg) format('svg');

このコードは、フォント ファイルへのパスとそれぞれのファイル タイプを指定し、さまざまなブラウザでフォントを正しく表示できるようにします。

Font

@font-face 定義を修正したら、必要な要素の CSS ルールでフォント ファミリーを指定することで、インポートされたフォントを使用できるようになります。例:

#newfont {
    font-family: 'EntezareZohoor2';
}

これにより、#newfont ID を持つ要素に「EntezareZohoor2」フォントが適用されます。

以上がカスタム フォントが CSS で正しく表示されないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。