ホームページ > 記事 > ウェブフロントエンド > 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('aa.ttf'), url('aa.eot'); /* IE9+,可以是具体的实际链接 */ } div { font-family:myFirstFont; } </style>
例 1:
@font-face { font-family: myFirstFont; src: url('aa.ttf'), url('aa.eot'); /* IE9+ */ font-weight:bold; }
ブラウザの font-face 属性のサポート:
Firefox、Chrome、Safari、Opera は、.ttf (True Type フォント) および .otf (OpenType フォント) タイプのフォントをサポートしています。
Internet Explorer 9 は新しいフォントフェイス ルールをサポートしますが、.eot タイプのフォント (埋め込み OpenType) のみをサポートします。
以上がCSS で外部 ttf フォントを参照するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。