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