fontの解説|クロノドライブのCSS辞典

font

対応ブラウザ Internet Explorer 3~ / Firefox 1~ / Google Chrome 1~ / Safari 1~ / Opera 3.5~
初期値 個々の要素を参照 継承 する
適用可能な要素 すべて
用例
.style {
  font: bold large/180% "MS ゴシック";
}

fontとは

fontとはフォントのスタイルや太さ、サイズなどをまとめて指定するプロパティです。
また、かわりにユーザのPCで使われるシステムフォントを指定することもできます。
以下の値で指定します。

font-styleプロパティの値
フォントスタイルを指定します。
font-variantプロパティの値
フォントをスモールキャップ(小文字が小さな大文字の形で表示される)にするかどうかを指定します。
font-weightプロパティの値
フォントの太さを指定します。
font-sizeプロパティの値 (/line-heightプロパティの値)
フォントサイズを指定します。line-heightを指定する際は「/」で区切って同時に指定します。
font-familyプロパティの値
フォントファミリーを指定します。

fontプロパティでまとめて指定する場合、font-sizeとfont-familyの指定は必須です。他は省略できます。
また、font-style、font-variant、font-weightの3つはどの順で書いても構いませんが、他は上の説明の順序で指定する必要があります。

システムフォント
上記の各プロパティを指定するかわりに、ユーザのPCで使われるシステムフォントを指定することもできます。

icon
アイコンのラベルに使われるフォント
caption
ボタンなど、キャプションの付いたものに使われるフォント
menu
メニューに使われるフォント
message-box
ダイアログボックスに使われるフォント
small-caption
小さなもののラベルに使われるフォント
status-bar
ステータスバーに使われるフォント

のいずれかを指定できます。