CSS フォント属性

フォント属性

コードを短くするために、すべての単一のフォント属性を一つの属性で指定することもできます。

font 属性は以下の属性の省略記法です：

  • font-style
  • font-variant
  • font-weight
  • font-size/line-height
  • font-family

例

一部のフォント属性を省略記法で設定する方法：

p.a {
  font: 20px Arial, sans-serif;
}
p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}

自分で試してみてください

注意：font-size および font-family 値は必須です。他の値のいずれかが欠けている場合、デフォルト値が使用されます。

すべての CSS フォント属性

属性 説明
font ショートカット属性。すべてのフォント属性を一つの宣言で設定します。
font-family テキストの字体系列（フォントファミリー）を指定します。
font-size テキストのフォントサイズを指定します。
font-style テキストのフォントスタイルを指定します。
font-variant テキストが小文字大文字のフォントで表示されるかどうかを指定します。
font-weight フォントの太さを指定します。