CSS font-size-adjust 属性

定義と用法

font-size-adjust 属性为某个元素规定一个 aspect 值，这样就可以保持首选字体的 x-height。

説明

フォントの小文字「x」の高さと「font-size」の高さの比率が、フォントのaspect値と呼ばれます。フォントが高いaspect値を持っている場合、小さいサイズに設定されたときに読みやすくなります。例：Verdanaのaspect値は0.58（これはフォントサイズが100pxの場合、x-heightが58pxであることを意味します）。Times New Romanのaspect値は0.46です。これは、Verdanaが小さいサイズではTimes New Romanよりも読みやすくなることを意味します。

参照：

CSS チュートリアル：CSS 字体

CSS リファレンスマニュアル：CSS font 属性

HTML DOM リファレンスマニュアル：fontSizeAdjust属性

例

異なるHTML要素のfont-size-adjust属性を設定：

h1
  {
  font-size-adjust:0.58;
  }
p
  {
  font-size-adjust:0.60;
  }

自分で試してみる

CSS 言語

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

属性値

値 説明
なし デフォルト。このフォントが利用できない場合、このフォントのx-heightは維持されません。
number

フォントのaspect値比率を定義

使用できる公式：

首选フォントのフォントサイズ * （font-size-adjust値 / 利用可能なフォントのaspect値）= 利用可能なフォントに適用されるフォントサイズ

例：

14pxのVerdana（aspect値は0.58）が利用できない場合でも、利用可能なフォントのaspect値が0.46の場合、代替フォントのサイズは14 * (0.58/0.46) = 17.65pxとなります。

技術的詳細

デフォルト値： なし
継承性： はい
バージョン： CSS2
JavaScript 言語： object.style.fontSizeAdjust="0.70"

TIY 実例

font-size-adjustを使ってフォントサイズを設定
font-size-adjustを使ってフォントサイズを設定する方法をこの例で説明します。

ブラウザのサポート

テーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome IE / Edge Firefox Safari Opera
サポート外 サポート外 3.0 サポート外 サポート外