ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの@font-face属性の使い方

CSSの@font-face属性の使い方

silencement
silencementオリジナル
2019-05-29 11:50:103755ブラウズ

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

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