CSS - font-variant-ligatures

概要

属性名	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	コンテキストに基づいたを行いません。

使用例

CSS

.sample {
  font-family: "Corbel";
  font-size: 26pt;
  line-height: 28pt;
}
.fvl-ligatures {
  font-variant-ligatures: common-ligatures;
}
.fvl-none {
  font-variant-ligatures: none;
}

HTML

<div class="sample">
 <div class="fvl-ligatures">fi ff st</div>
 <div class="fvl-none">fi ff st</div>
</div>

表示

fi ff st

リンク

初版：2015年11月15日、最終更新：2015年11月15日

https://www.tohoho-web.com/css/prop/font-variant-ligatures.htm

CSS - font-variant-ligatures

概要

説明

使用例

関連項目

リンク