font-size-adjust

第一選択のフォントファミリーが使用できず、フォールバックのフォントが使用され、そのアスペクト値が異なる場合、文字の読みやすさが低下する可能性がある。
CSSのfont-size-adjustプロパティを使用すると、フォールバックのフォントサイズを調整して、アスペクト値(小文字の高さをフォントサイズで割った値)の一貫性を保つことができる。これにより使用するフォントに関係なく、テキストが同じように表示される。

font-size-adjustプロパティは、Safari 17, Firefox 118からすでにサポートされており(CanIUse)、Chrome 127ではフォントメトリックと値を渡す2つの値の構文がサポートされている。

.text{
  font-size-adjust: ex-height 0.5;
}

ex-heightはデフォルト値で小文字xの高さ、他にもcap-height, ch-width, ic-width, ic-heightが設定できる。

inserted by FC2 system