CSS3 font-size-adjust Property
例
font-size-adjustプロパティを指定することで、ブラウザはフォントファミリーに関係なく(「宋体」のアスペクト値は0.58)、フォントサイズを調整します:
div
{
font-size-adjust: 0.58;
}
{
font-size-adjust: 0.58;
}
試してみる »
ブラウザサポート
![]()
![]()
![]()
![]()
![]()
現在、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 | 親要素のフォントサイズ調整プロパティを継承します。 |