ホームページ  >  記事  >  ウェブフロントエンド  >  CSS で外部 ttf フォントを参照するにはどうすればよいですか?

CSS で外部 ttf フォントを参照するにはどうすればよいですか?

青灯夜游
青灯夜游オリジナル
2019-05-17 10:26:5410459ブラウズ

CSS で外部 ttf フォントを参照するにはどうすればよいですか?

CSS で外部フォントを参照するにはどうすればよいですか?

CSS では、font-face 属性を使用して外部フォントを参照できます。font-face 属性は、.ttf フォントなどの外部特殊フォントの呼び出しを実装できます。

新しいフォントフェイス ルールでは、最初にフォントの名前 (myFirstFont など) を定義してから、フォント ファイルを指定する必要があります。

HTML 要素にフォントを使用する必要がある場合は、font-family 属性を通じてフォントの名前 (myFirstFont) を参照してください。

font-face 属性は次のことを指します。 ttf フォントの例:

例 1:

<style> 
@font-face
{
font-family: myFirstFont;
src: url(&#39;aa.ttf&#39;),
     url(&#39;aa.eot&#39;); /* IE9+,可以是具体的实际链接 */
}
div
{
font-family:myFirstFont;
}
</style>

例 1:

@font-face
{
font-family: myFirstFont;
src: url(&#39;aa.ttf&#39;),
     url(&#39;aa.eot&#39;); /* IE9+ */
font-weight:bold;
}

ブラウザの font-face 属性のサポート:

Firefox、Chrome、Safari、Opera は、.ttf (True Type フォント) および .otf (OpenType フォント) タイプのフォントをサポートしています。

Internet Explorer 9 は新しいフォントフェイス ルールをサポートしますが、.eot タイプのフォント (埋め込み OpenType) のみをサポートします。

以上がCSS で外部 ttf フォントを参照するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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