| 属性名 | font-variant-ligatures |
|---|---|
| 値 |
normal |
none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ] |
| 値の詳細 |
<common-lig-values> = [ common-ligatures | no-common-ligatures ]
<discretionary-lig-values> = [ discretionary-ligatures | no-discretionary-ligatures ]
<historical-lig-values> = [ historical-ligatures | no-historical-ligatures ]
<contextual-alt-values> = [ contextual | no-contextual ]
|
| 初期値 | normal |
| 適用可能要素 | すべての要素 |
| 継承 | 継承する |
| メディア | Visual |
| サポート | C3 / e10 / Fx34 / Ch31(-webkit) / Ch34 / Op19(-webkit) / Sa7(-webkit) |
font-variant-ligatures は、隣り合った文字の合字(リガチャ)を制御します。例えば、f と i や f が隣り合う場合、間の隙間が無くなったり、i の点が f の上部と結合したりします。
| 値 | 説明 |
|---|---|
| normal | 通常表示します。 |
| none | 合字を行いません。 |
| common-ligatures | 通常の合字を行います。 |
| no-common-ligatures | 通常の合字を行いません。 |
| discretionary-ligatures | 辞書に基づいた合字を行います。 |
| no-discretionary-ligatures | 辞書に基づいた合字を行いません。 |
| historical-ligatures | 歴史的合字を行います。 |
| no-historical-ligatures | 歴史的合字を行いません。 |
| contextual | コンテキストに基づいた合字を行います。 |
| no-contextual | コンテキストに基づいたを行いません。 |
.sample {
font-family: "Corbel";
font-size: 26pt;
line-height: 28pt;
}
.fvl-ligatures {
font-variant-ligatures: common-ligatures;
}
.fvl-none {
font-variant-ligatures: none;
}
<div class="sample"> <div class="fvl-ligatures">fi ff st</div> <div class="fvl-none">fi ff st</div> </div>