1. Home
  2. スタイルシート CSS
  3. プロパティ一覧 [ABC]
  4. font-family プロパティ

font-family プロパティ


font-family

ブラウザ
IE
Fx
Sf
Cr
O

フォントの種類

font-family: ;

フォントを指定するプロパティです。


font-family: "MS Pゴシック",sans-serif;

プロパティの値
プロパティ名 説明
font-family フォントファミリ名 フォントの具体的な名前
(総称ファミリ) sans-serif ゴシック体系のフォント
serif 明朝体系のフォント
cursive 筆記体系のフォント
fantasy 装飾系のフォント
monospace 等幅系のフォント
  • フォントファミリ名にスペースが含まれる場合は、その名前を引用符で囲む必要があります。
  • 総称ファミリ名を使用すると、フォントの大まかな種類を指定することができます。

候補の設定

指定したフォントで表示できない場合に備え、複数の候補を設定しておくことができます。次のように、カンマ( , )で区切ってフォントファミリ名、または総称ファミリ名を記述します。

font-family: 候補1,候補2,候補3;

候補1が利用できなければ候補2を利用する、といった流れになります。(最後の候補には総称ファミリ名を指定しておくようにします)


.example {
font-family: "MS P明朝","MS 明朝",serif;
}

適用対象

用語説明

継承

継承する

初期値

ブラウザの設定に依存

メディア

  • visual

メモ

フォント名を指定した場合でも、利用者の環境にそのフォントがインストールされていなければ、指定した通りのフォントでは表示されません。

※そういった場合に備え、候補リストの最後には総称ファミリ名を指定しておくことをお勧めします。


プロパティ一覧 [ABC]

ページの先頭へ