ホームページ > 記事 > ウェブフロントエンド > CSSのフォントファミリープロパティの使い方
CSSのフォントファミリープロパティの使い方
- 藏色散人オリジナル
- 2019-05-27 17:56:174291ブラウズ
css font-family 属性は、要素のフォントを指定するために使用されます。Font-family は、複数のフォント名を「フォールバック」システムとして保存できます。ブラウザが最初のフォントをサポートしていない場合は、次のフォントが試行されます。
css font-family プロパティを使用するにはどうすればよいですか?
属性の定義と使用方法
font - family 属性は要素のフォントを指定します。
font-family は、複数のフォント名を「フォールバック」システムとして保存できます。ブラウザが最初のフォントをサポートしていない場合は、次のフォントが試行されます。
フォント ファミリ名には 2 つのタイプがあります:
family-name - 指定されたファミリ名:
特定のフォントの名前 (例: : 「回」、「宅配便」、「アリアル」。
generic-family - 一般的なフォント ファミリ名:
例: 「serif」、「sans-serif」、「cursive」、「fantasy」、「monospace」。
特定のフォント ファミリ (Geneva) の使用は、そのフォント ファミリがユーザーのマシンで利用できるかどうかに完全に依存します。この属性は、フォントのダウンロードを示すものではありません。したがって、汎用フォント ファミリ名をフォールバックとして使用することを強くお勧めします。
##注: 各値はカンマで区切ります。
注: フォント名にスペースが含まれる場合は、引用符で囲む必要があります。 HTML の "style" 属性には一重引用符を使用する必要があります。
デフォルト値: 指定されていません継承: はいバージョン: CSS1JavaScript 構文:
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 サイトの他の関連記事を参照してください。