プログラミングの学習ならUdemyがおすすめです!詳細はこちら

【css】文字をイタリック体(italic)や斜体(oblique)する場合はfont-styleを使おう!

疑問ちゃん

文字をイタリック体や斜体にしたい!

そうゆう場合はfont-styleを使おう!

font-styleとは?

font-styleとは、文字をイタリック体または、斜体で表示できるプロパティです。

font-styleで指定できる値

・italic

イタリック体専用にデザインされたフォントで表示します。イタリック体がない場合は「oqlique」が指定されたものとして処理します。

 

・oblique

斜体(書体を斜めにしたフォント)で表示します。斜体がない場合は標準のフォントを斜めに変換して表示します。

 

・normal

イタリック体や斜体ではない標準のフォントで表示します。

font-style書き方

font-style: italic;

 

italicと指定あげるだけです。そうすると

イタリック説明画像
となります。

一般的なユーザーな環境において、日本語フォントにイタリック体や斜体が用意されていることは期待できません。

なので日本語を斜体で表示させたい場合は「italic」指定しましょう。
そうするとイタリック体があればそれを採用し、なければ斜体になります。さらに斜体もなければ標準のフォントを斜めに変換して表示されます。

また元々斜体のフォントには「normal」を指定してあげれば、標準に戻ります。

まとめ

italicを指定したけど効かないとゆう場合があるかもしれません。その時はそのフォントがイタリックに対応しているか一度調べて見ましょう!

メイリオなどイタリックが効かない見たいですね

参考 メイリオイタリックが効かないKOTRI

それではまた!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です