ホームページ > 記事 > ウェブフロントエンド > CSSの@font-face属性の使い方
css @font-face プロパティ
「myFirstFont」という名前のフォントを指定し、それを見つける URL を指定します
@font-face { font-family: myFirstFont; src: url('Sansation_Light.ttf'), url('Sansation_Light.eot'); /* IE9 */ }
css @font-face 属性 属性の定義と使用方法
##@font-face ルール。Web デザイナーが使用する必要がなくなった「Web セーフ」フォントの 1 つです。 フォントの名前、フォントフェイス ルールfont-family: myFirstFontフォント ファイルはサーバー上のどこかに含まれています。CSS を参照してくださいsrc: url('Sansation_Light.ttf')フォント ファイルが別の場所にある場合は、完全な URL を使用してくださいsrc: url('http://www. w3cschool .css/css3/Sansation_Light.ttf')これでフォントを使用する準備ができました。すべての div 要素でフォントを使用する方法の例を次に示しますdiv { font-family: myFirstFont; }
構文
@font-face { font-properties }次の例は div で使用されるフォントです:
div { font-family: myFirstFont; }Syntax
@font-face { font-properties }
以上がCSSの@font-face属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。