font-variant-ligatures：隣り合った文字フォントの合字（リガチャ）を制御する

font-variant-ligaturesプロパティの説明

font-variant-ligaturesは、隣り合った文字フォントの合字（リガチャ）を制御します。合字が行われるかどうかの規則は、フォントや言語によって決まります。

例えば、小文字のiやjが単語の中に含まれる場合に、点を打つかどうかの判断は言語によって異なります。リガチャを行う場合は点が付かない文字を表示させますが、この時に表示される文字は通常の字形とは別の字形になるのです。

font-variant-ligaturesに指定できる値

normal

指定された言語やフォント、書式の種類に応じて通常の合字や文脈書式を表示します。これが初期値です。

none

全ての合字や文脈書式を無効にします。

<common-lig-values>

常用の合字や文脈書式を有効にします。OpenTypeのligaおよびcligに対応します。この値には以下の種類があります。

• common-ligatures：英文の"fi"、"ffi"、"th"などの合字を有効にします
• no-common-ligatures：英文の"fi"、"ffi"、"th"などの合字を無効にします

<discretionary-lig-values>

フォントのデザインに依存します。これはOpenTypeのdligに相当します。

• discretionary-ligatures：該当する合字を有効にします
• no-discretionary-ligatures：該当する合字を無効にします

<historical-lig-values>

古い書物に見られる合字を有効にします。OpenTypeのhligに対応します。

• historical-ligatures：該当する合字を有効にします
• no-historical-ligatures：該当する合字を無効にします

<contextual-alt-values>

文脈に合わせて字形を制御します。OpenTypeのcaltに対応します。

• contextual：文脈的な字形の変更を有効にします
• no-contextual：文脈的な字形の変更を無効にします

font-variant-ligaturesの使い方とサンプル

font-variant-ligaturesプロパティの構文は以下の通りです。

/* キーワード値 */
font-variant-ligatures: normal;
font-variant-ligatures: none;

/* <common-lig-values> */
font-variant-ligatures: common-ligatures;
font-variant-ligatures: no-common-ligatures;

/* <discretionary-lig-values> */
font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: no-discretionary-ligatures;

/* <historical-lig-values> */
font-variant-ligatures: historical-ligatures;
font-variant-ligatures: no-historical-ligatures;

/* <contextual-alt-values> */
font-variant-ligatures: contextual;
font-variant-ligatures: no-contextual;

/* グローバル値 */
font-variant-ligatures: inherit;
font-variant-ligatures: initial;
font-variant-ligatures: revert;
font-variant-ligatures: revert-layer;
font-variant-ligatures: unset;

font-variant-ligaturesの実例

それでは実際にfont-variant-ligaturesプロパティの書き方を見ていきましょう。以下の例は、英文のテキストに個別のリガチャのルールを適用した時の比較です。これらの変化は主にドキュメントの言語やフォントの指定によって現れます。