最終更新日

fontプロパティ

fontは、フォント関連プロパティの値をまとめて記述するためのプロパティです。

各プロパティは、以下の順序で指定します。

(1)font-stylefont-variantfont-weight(順不同)
(2)font-size必須
(3)line-height(先頭にスラッシュが必要)
(4)font-family必須

それぞれの値は半角スペースで区切って並べますが、line-heightの値は、font-sizeの値の後ろに「/」に続けて入力します。

font-variantに関しては、CSS2.1で定義されている「normal」と「small-caps」のみ指定可能です。

font-sizeとfont-familyの指定は必須です。

fontでは、値として指定しなかったフォント関連プロパティの値が、初期値に再設定されます。

なお、fontプロパティでは、フォント関連プロパティの値を並べる代わりに、システムフォントを示すキーワードを設定することも可能です。

fontでは、font-stretchfont-size-adjustを扱うことはできません。それぞれの値を指定するには、個々のプロパティを単独で使用します。

CSS3での変更点
特にありません
初期値 適用先 継承
各プロパティの初期値 すべての要素 あり
説明
font-styleの値 イタリック体、斜体
font-variantの値 スモールキャップ。normal、small-capsのみ指定可能。
font-weightの値 文字の太さ
font-sizeの値 文字の大きさ
line-heightの値 行の高さ
font-familyの値 フォントの種類
caption ボタンなどのラベルに使われるフォント
icon アイコンのラベルに使われるフォント
menu ドロップダウンメニューやメニューリストに使われるフォント
message-box ダイアログボックス内で使われるフォント
small-caption 小さなコントロールのラベルに使われるフォント
status-bar ステータスバーで使われるフォント
サンプルコード
font: italic small-caps bold 12px/1.2em "メイリオ","Meiryo",sans-serif;
font: caption;
font: icon;
font: menu;
font: message-box;
font: small-caption;
font: status-bar;
参考文献:CSS Fonts Module Level 3外部リンク
HOME
当サイトの活動をサポートしてみませんか?気軽にクリエイターの支援ができます。