文字種類(系)(Font Family)

font-familyとは、フォントの種類を指定するためのプロパティです。

複数のフォントファミリー名やキーワードをカンマで区切って指定することができます。

その場合、先に指定されているものほど優先して適用されます。

フォントファミリー名にスペースが含まれている場合は、そのフォントファミリー名全体を引用符で囲う必要があります。

なお、キーワードにはserif、sans-serif、cursive、fantasy、monospaceがあります。

Functional list
書式 font-family: [[<family-name> | <generic-family>],]* [<family-name> | <generic-family>]
<family-name>
  • どのような文字種類名でも使われる
<generic-family>
  • serif(セリフ)(欧文活字のひげ飾り) (,Times)
  • sans-serif(サンセリフ)(セルフのないもの) (,ArialHelvetica)
  • cursive(筆記体) (,Zapf-Chancery)
  • fantasy(奇抜) (,Western)
  • monospace(等幅) (,Courier)
初期値 ブラウザに依存する
適用要素 全要素
継承性 可能

文字ファミリーは、特別な文字名や汎用文字ファミリーで定められます。

明らかに、特別な文字の定義が汎用文字ファミリーと一致しそうにない。

多元ファミリー指定も可能で、特別な文字指定がなされる場合最初の文字選択がないケースでの汎用ファミリー名を続けておくべきです。

font-family宣言はこの様になります:

P { font-family: "New Century Schoolbook", Times, serif }

最初の二つの指定は特別な字体(typeface)であることに注意してください:NewCentury SchoolbookTimes

しかしこの両者はserif(セリフ)文字ですので、システムがこれらのどちらかを持っていなくて、要件に合った別のserif文字を持っている場合バックアップとして汎用文字ファミリーがリストされています。

空白がある文字名は、一重または二重引用符号で囲っておかなければなりません。

文字ファミリーは、fontプロパティと一緒に与えられかもしれません。

戻る