コードを短くする場合は、すべての個別のフォント属性を 1 つの属性で指定することもできます。
font 属性は、以下の省略形の属性です。
font-stylefont-variantfont-weightfont-size/line-heightfont-family短縮宣言を使用していくつかのフォント プロパティを設定します。
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
注:font-size と font-family の値は必須です。 他の値のいずれかが欠落している場合は、そのデフォルト値が使用されます。
| 属性 | 説明 |
|---|---|
| font | 省略表現属性。 すべてのフォント プロパティを 1 つの宣言で設定します。 |
| font-family | はテキストのフォントファミリー(フォントファミリー)を指定します。 |
| font-size | はテキストのフォント サイズを指定します。 |
| font-style | はテキストのフォント スタイルを指定します。 |
| font-variant | は、テキストを小文字フォントで表示するかどうかを指定します。 |
| font-weight | はフォントの太さを指定します。 |