CSS - font-language-override

概要

属性名 font-language-override
normal | <string>
初期値normal
適用可能要素すべての要素
継承継承する
メディアVisual
サポートhttps://caniuse.com/mdn-css_properties_font-language-override

説明

表示する文字の言語を一時的に変更する場合に指定します。フォントによっては、言語に合わせて微妙に表示を変更することがあります。例えば、f と i を並べて記述すると 合字(リガチャ) が行われて f と i の点がくっつきますが、トルコでは点有りの i と点無しの ı は別文字とみなされるため、誤解を与えないようにリガチャが行われません。現時点(2023年3月)時点ではサポートしているのは Firefox のみのようです。

説明
normal通常表示します。
<string>言語情報を示す3文字の名前(言語システムタグ)を指定します。

言語システムタグの詳細は下記を参照してください。

使用例

Firefox で確認してください。ひとつ目は通常表示で f と f や f と i の間でリガチャが行われます。ふたつ目はリガチャを無効にした表示です。3番目は通常のリガチャを行いますが言語をトルコ語に設定しているため、f と f の間はリガチャされますが、f と i の間のリガチャは行われません。

CSS
.test {
  font-family: "Corbel";
  font-size: 40pt;
  line-height: 45pt;
}
.fvl-none {
  font-variant-ligatures: none;
}
.flo-trk {
  font-language-override: "TRK";
}
HTML
<div class="test">ffi</div>
<div class="test fvl-none">ffi</div>
<div class="test flo-trk">ffi</div>
表示
ffi
ffi
ffi

関連項目

font-variant, font-feature-settings, font-variant-ligatures

リンク