font
フォント関連をまとめて指定

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
適用対象
継承 継承する
初期値 各プロパティの初期値を参照
メディア
  • visual

フォント関連のスタイルを一括で指定するプロパティです。


font: italic normal bold 80%/150% "MS Pゴシック";

プロパティの値
プロパティ名 説明
font font-style の値 フォントのスタイルを指定
font-variant の値 スモールキャピタルを指定
font-weight の値 フォントの太さを指定
font-size の値 フォントのサイズを指定 (必須)
line-height の値 行の高さを指定
font-family の値 フォントを指定 (必須)
  • font-sizefont-familyの値が必須となります。この2つ以外の値は省略が可能で、省略した場合はそのプロパティの初期値が適用されることになります。
  • それぞれの値は、半角スペースで区切って記述します。line-heightを指定する場合は、font-sizeの後にスラッシュ( / )を入れ、その後に記述します。

値の記述順序

このプロパティの値は、次の順序で記述する必要があります。

font: font-style font-variant font-weight font-size/line-height font-family;

最初の3つ(font-stylefont-variantfont-weight)は順不同ですが、それ以外は上記の順序で記述しなければなりません。

システムフォントの指定

fontプロパティは、システムフォントを指定することもできます。指定できる値は次の通りです。

  • caption … キャプションで使用されているフォント
  • icon … アイコンの名前で使用されているフォント
  • menu … メニューで使用されているフォント
  • message-box … ダイアログで使用されているフォント
  • small-caption … キャプションで使用されている小さめのフォント
  • status-bar … ウィンドウのステータスバーで使用されているフォント

上記の値を指定すると、フォントの種類、サイズ、太さ、スタイルなどが、そのシステムフォントに合わせて設定されることになります。

  • システムフォントの値は単独で使用します。他の値と同時に指定することはできません。
このプロパティに関連する目的別リファレンス
フォントの設定をひとまとめに行う