fontプロパティ

プロパティ font は以下のCSSプロパティを一括で指定するためのプロパティです: font-size, font-style, font-weight, line-height, font-family, font-variant.

構文

セレクタ {
	font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

必須のプロパティは font-size と font-family です。他のプロパティは省略可能ですが、順序は保持する必要があります。

font-style、font-variant、 font-weight プロパティは互いに対して任意の順序で記述できます。

line-height プロパティは font-size プロパティの後にスラッシュを付けて記述することに注意してください。

サイズ 15px、フォントタイプ Arial、行間 30px のイタリック体テキストを作成しましょう:

<p>
	some long text
</p>

p {
	font: italic 15px/30px Arial;
	text-align: justify;
}

別の例:

<p>
	some long text
</p>

p {
	font: bold 16px/20px "Times New Roman", Georgia, serif;
	text-align: justify;
}

他のプロパティを省略し、フォントサイズとファミリーのみを指定する例:

<p>
	some long text
</p>

p {
	font: 18px Arial;
	text-align: justify;
}

フォントサイズのみを指定した場合、フォントファミリーも必須であるため、適用されません:

<p>
	some long text
</p>

p {
	font: 30px;
	text-align: justify;
}