CSSのフォントファミリープロパティの使い方-フロントエンドQ&A-php.cn

CSSのフォントファミリープロパティの使い方

藏色散人

リリース： 2019-05-27 17:56:17

オリジナル

4352 人が閲覧しました

css font-family 属性は、要素のフォントを指定するために使用されます。Font-family は、複数のフォント名を「フォールバック」システムとして保存できます。ブラウザが最初のフォントをサポートしていない場合は、次のフォントが試行されます。

CSSのフォントファミリープロパティの使い方

css font-family プロパティを使用するにはどうすればよいですか?

属性の定義と使用方法

font - family 属性は要素のフォントを指定します。

font-family は、複数のフォント名を「フォールバック」システムとして保存できます。ブラウザが最初のフォントをサポートしていない場合は、次のフォントが試行されます。

フォントファミリ名には 2 つのタイプがあります:

family-name - 指定されたファミリ名:

特定のフォントの名前 (例: : 「回」、「宅配便」、「アリアル」。

generic-family - 一般的なフォントファミリ名:

例: 「serif」、「sans-serif」、「cursive」、「fantasy」、「monospace」。

特定のフォントファミリ (Geneva) の使用は、そのフォントファミリがユーザーのマシンで利用できるかどうかに完全に依存します。この属性は、フォントのダウンロードを示すものではありません。したがって、汎用フォントファミリ名をフォールバックとして使用することを強くお勧めします。

##注: 各値はカンマで区切ります。

注: フォント名にスペースが含まれる場合は、引用符で囲む必要があります。 HTML の "style" 属性には一重引用符を使用する必要があります。

デフォルト値: 指定されていません

継承: はい

バージョン: CSS1

JavaScript 構文:

 object.style.fontFamily="arial,sans-serif"

ログイン後にコピー

属性値

family-name、要素のフォントファミリ名またはクラスファミリ名の優先リスト.

generic-family、デフォルト値: ブラウザによって異なります。

inherit フォントファミリが親要素から継承されることを指定します。

Example

段落を指定します。フォント:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>

</body>
</html>

ログイン後にコピー

効果:

以上がCSSのフォントファミリープロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。