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

silencement
リリース: 2019-05-29 11:50:10
オリジナル
3794 人が閲覧しました

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート