CSS】italic と oblique の違い

CSS で font-style プロパティの値として、 「italic」と「oblique」があります。 似たようなデザインですが、少し違いがあります。

どちらも斜めに傾けたデザインですが、「italic」は筆記調体にデザインされています。 「oblique」はそもそも「斜め」という意味の言葉ですから、単純に斜めになっているだけです。

表示させても違いはほとんどわからないので、あまり気にする必要はないと思います。 フォントを斜体にしたい場合に、一般的に使われるのは「italic」です。

「italic」、「oblique」、「normal」とを指定した場合の表示の違いについて見てみます。

「italic」を指定

12345
ABCDE
あいうえお
アイウエオ

「oblique」を指定

12345
ABCDE
あいうえお
アイウエオ

「normal」を指定

12345
ABCDE
あいうえお
アイウエオ