CSS フォントスタイル

フォントスタイル

font-style この属性は主にイタリックテキストを指定するために使用されます。

この属性は3つの値を設定できます：

  • normal - テキストが通常に表示されます
  • italic - テキストがイタリックで表示されます
  • oblique - テキストが「傾斜」です（傾斜とイタリックは非常に似ていますが、サポートが少ない）

例

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

自分で試してみる

フォント太さ

font-weight 属性はフォントの太さを指定します：

例

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

自分で試してみる

フォントバリエーション

font-variant 属性はテキストが small-caps フォント（小型大文字）で表示されるかどうかを指定します。

small-caps フォントでは、すべての小文字が大文字に変換されます。しかし、変換された大文字のフォントサイズは、テキスト内の元の大文字のフォントサイズよりも小さいです。

例

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

自分で試してみる