fontプロパティは、フォントに関する指定をまとめて行う際に使用します。
指定できるのは、
font-style、
font-variant、
font-weight、
font-size、
line-height、
font-familyの6つのプロパティの値です。
各プロパティの値を指定する際の順序は以下のように決まっています。
このうち
font-sizeと
font-familyは
省略することができません。
line-heightを指定する場合には、以下の例のようにline-heightの値を記述する前にスラッシュ（ / ）で区切ります。
font: bold large/150% “ＭＳ 明朝”;
尚、fontプロパティを使用すると、フォント関連のスタイルが一旦リセットされてから、
fontプロパティで指定した値が適用される点に注意してください。
省略した値は、親要素に指定されている値を継承するのではなく初期値に戻されます。
p.sample {font: bold large/150% “ＭＳ 明朝”;
}
<html>
<head>
<link rel=”stylesheet” href=”sample.css” type=”text/css”>
</head>
<body>
<p class=”sample”>
太字・大きめ・行高150%・ＭＳ 明朝体を指定。<br>
太字・大きめ・行高150%・ＭＳ 明朝体を指定。<br>
太字・大きめ・行高150%・ＭＳ 明朝体を指定。<br>
太字・大きめ・行高150%・ＭＳ 明朝体を指定。<br>
太字・大きめ・行高150%・ＭＳ 明朝体を指定。
</p>
</body>
</html>
太字・大きめ・行高150%・ＭＳ 明朝体を指定。
太字・大きめ・行高150%・ＭＳ 明朝体を指定。
太字・大きめ・行高150%・ＭＳ 明朝体を指定。
太字・大きめ・行高150%・ＭＳ 明朝体を指定。
太字・大きめ・行高150%・ＭＳ 明朝体を指定。
