font

/* フォントサイズを『16p』x、行の高さを『20px』、フォントファミリーを『sans-serif』に指定。 */
p.test { font: 16px/20px sans-serif;}

/* フォントの太さを『bold』、フォントスタイルを『italic』、フォントサイズを 『16px』、フォントファミリーを『serif』に指定。 */
p.test1 { font: bold italic 16px serif;}

<p style=" font: 16px/20px sans-serif;">ここはp要素です。『font: 16px/20px sans-serif』と指定しています。</p>

<p style=" font: bold italic 16px serif;">ここはp要素です。『font: bold italic 16px serif』と指定しています。</p>

文字(フォント)に関する項目をまとめて指定できます。

値を記述する際に以下のルールがあります。このルールに則っていない場合は『font』に関する値は完全に無効とされますのでご注意ください。

• 『font-size』プロパティと『font-style』プロパティ、『font-family』プロパティの値は全て指定する必要があります。
• 『font-style』プロパティ、『font-variant』プロパティ、『font-weight』プロパティを定義するときには『font-size』プロパティの値よりも前に指定する必要があります。
• 『line-height』プロパティの値を設定する場合は『font-size』の値の直後に『/』で区切って指定する必要があります。
• 必須項目である『font-family』プロパティの値は『font』プロパティの最後の値として指定する必要があります。

『font』プロパティで『line-height』プロパティの値を設定する場合のサンプルは以下です。『/』を使って区切ります。

/* フォントサイズを『16p』x、行の高さを『20px』、フォントファミリーを『sans-serif』に指定。 */
p.test { font: 16px/20px sans-serif;}

そして『font』プロパティから直接指定ができませんが、『font-stretch』プロパティ、『font-size-adjust』プロパティ、『font-kerning』の値は全て初期値にリセットされます。

このように『font』プロパティはルールが分かりづらく、直接指定できないプロパティが初期値に戻されたりするため、あまり使い勝手が良いプロパティとは言えません。使用する際はご注意ください。