CSS3 font-size-adjust Property


例

font-size-adjustプロパティを指定することで、ブラウザはフォントファミリーに関係なく(「宋体」のアスペクト値は0.58)、フォントサイズを調整します:

div
{
font-size-adjust: 0.58;
}

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

現在、Firefoxのみがfont-size-adjustプロパティをサポートしています。


プロパティの定義と使用説明

font-size-adjustプロパティは、最初に選択したフォントが利用できない場合に、フォントサイズをより細かく制御できます。

フォントが利用できない場合、ブラウザは2番目に指定されたフォントを使用します。これによりフォントサイズが変更される可能性があります。これを防ぐために、font-size-adjustプロパティを使用します。

すべてのフォントには「アスペクト値」があり、これは小文字の「x」と大文字の「X」のサイズの差です。

ブラウザが最初に選択したフォントの「アスペクト値」を知っている場合、ブラウザは2番目に選択したフォントでテキストを表示するためにどのようなfont-sizeを使用すべきかを見つけることができます。

初期値: none
継承: yes
バージョン: CSS3
JavaScript 構文: object.style.fontSizeAdjust="0.58"


構文

font-size-adjust: number|none|inherit;

值 説明
number フォントのアスペクト値の比率を定義します。 使用可能な式: 最初に選択したフォントのフォントサイズ * (font-size-adjust 値 / 利用可能なフォントのアスペクト値) = 利用可能なフォントに適用できるフォントサイズ 例: 14pxのVerdana(アスペクト値は0.58)が利用できない場合、利用可能なフォントのアスペクト値が0.46であれば、代替フォントのサイズは 14 * (0.58/0.46) = 17.65px になります。
none 初期値。このフォントが利用できない場合、このフォントのx-heightは維持されません。
inherit 親要素のフォントサイズ調整プロパティを継承します。
その他の拡張