font-style
テキストをイタリック体や斜体で表示するためのプロパティです。italicはフォントファミリーに含まれるイタリック体の書体を使用し、obliqueは通常の書体を傾けて表示します。引用、強調、外国語の表記など、テキストの意味的な区別を視覚的に表現する際に使用します。
概要
テキストをイタリック体や斜体で表示するためのプロパティです。italicはフォントファミリーに含まれるイタリック体の書体を使用し、obliqueは通常の書体を傾けて表示します。引用、強調、外国語の表記など、テキストの意味的な区別を視覚的に表現する際に使用します。
対応ブラウザ
デスクトップ
Chrome 1+
Edge 12+
Safari 1+
Firefox 1+
モバイル
Chrome Android 18+
Safari iOS 1+
Firefox Android 4+
基本構文
CSS
em { font-style: italic; }
.oblique { font-style: oblique 14deg; }
.reset { font-style: normal; }実務での使いどころ
-
引用・外国語テキストの視覚的区別
引用文や外国語の単語にitalicスタイルを適用し、通常のテキストと視覚的に区別します。
注意点
- 日本語フォントの多くはイタリック体を持たないため、ブラウザが人工的な傾斜（合成イタリック）を適用し、品質が低下する場合があります。
アクセシビリティ
- イタリック体だけで情報を伝えず、セマンティックHTML（em、cite）を使用してスクリーンリーダーにも強調の意味を伝えてください。