第一選択のフォントファミリーが使用できず、フォールバックのフォントが使用され、そのアスペクト値が異なる場合、文字の読みやすさが低下する可能性がある。
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が設定できる。