font-size-adjust プロパティを指定することにより、ブラウザは、フォントファミリーにかかわりなく同じサイズになるように フォントサイズを調整します("verdana" のアスペクト値が 0.58 になります):
div
{
font-size-adjust: 0.58;
}
Try it Yourself ❯
font-size-adjust プロパティは、最初に選択したフォントが使用できない場合に、フォントサイズを適切に制御することができます。
フォントが使用できない場合、ブラウザは 2 番目に指定したフォントを使用します。 これは、フォントサイズに大きな変化が生じる可能性があります。これを防ぐために、font-size-adjust プロパティを使用します。
すべてのフォントは、小文字の "x" と大文字の "X" との間の サイズ差である "アスペクト値" を持っています。
ブラウザが、最初に選択したフォントの "アスペクト値" が分れば、 2 番目のフォントでテキストを表示する際に使用するフォントサイズを把握できます。
デフォルト値: | なし |
---|---|
継承: | 継承する |
アニメーション可否: | 可。animatable を参照 |
バージョン: | CSS3 |
JavaScript 構文: | object.style.fontSizeAdjust="0.58" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
プロパティ | |||||
---|---|---|---|---|---|
font-size-adjust | 未サポート | 未サポート | 3.0 | 未サポート | 未サポート |
font-size-adjust: number|none|initial|inherit;
値 | 説明 |
---|---|
number | 使用するアスペクト値を定義します |
なし | デフォルト値。フォントサイズの調整はしません |
initial | プロパティにデフォルト値を設定します。initial を参照 |
inherit | このプロパティは親要素を継承します。inherit を参照 |
HTML DOM リファレンス:fontSizeAdjust プロパティ