タイポグラフィ(デザイン)

font-style

イタリック体・斜体を設定します

valuedescription
italicイタリック体で表示ABC abc いろは 漢字
oblique斜体で表示ABC abc いろは 漢字
normal通常表示ABC abc いろは

Demo

イタリック体 Italic

斜体体 Oblique

<p class="text-italic">イタリック体 Italic</p>
<p class="text-oblique">斜体体 Oblique</p>
.text-italic {
  font-style: italic;
}
.text-oblique {
  font-style: oblique;
}

概要

文字をイタリック体・斜体で表示します。少なくとも日本語サイトをコーディングする場合は多用しませんので、必要になれば調べる程度で大丈夫でしょう。

なお、斜体は通常の書体を機械的に傾けたもので、イタリック体は傾いた文字になるようにデザインされたものを言います。利用しているフォントに斜体・イタリック体が存在しない場合、ブラウザが自動で傾いた表示に補正します。

関連

参照