[CSS] font-variant-ligaturesプロパティで合字や前後関係に依存する字体を指定しよう!

1.font-variant-ligaturesとは?

font-variant-ligaturesプロパティは合字や前後関係に依存する字体を制御します。

値の指定方法は以下の通りです。

{ font-variant-alternates: 全般 一般的な合字 任意の合字 古典的な合字 前後関係に依存する字体; }

全般

一般的な合字

任意の合字

古典的な合字

前後関係に依存する字体

2.font-variant-ligaturesの使い方

それではfont-variant-ligaturesの使い方をみていきましょう。

p {
 font-variant-ligatures: normal;
}

上記は一部の例です。

他にも値を設定できるのでいろいろと試してみることをお勧めします!