CSS3 font-size-adjust Property

通过指定font-size-adjust属性，浏览器将调整字体大小，无论字体系列（"宋体"性质值0.58）：

<!DOCTYPE html>
<html>
<head>
  <style>
    .divVerdana {
      font-family: verdana;
    }

    .divTimes {
      font-family: 'times new roman';
    }

    #div1 {
      font-size-adjust: 0.58;
    }

    #div2 {
      font-size-adjust: 0.58;
    }
  </style>
</head>
<body>

  <p><b>Note:</b> Only Firefox supports the font-size-adjust property.</p>

  <p>Two divs using the same font-size-adjust property:</p>
  <div id="div1" class="divVerdana">
    You control the font size better with the font-size-adjust property.
  </div>

  <div id="div2" class="divTimes">
    You control the font size better with the font-size-adjust property.
  </div>

  <p>The same two divs without the font-size-adjust property:</p>
  <div class="divVerdana">
    You control the font size better with the font-size-adjust property.
  </div>

  <div class="divTimes">
    You control the font size better with the font-size-adjust property.
  </div>

</body>
</html>

尝试一下 »

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前只有Firefox支持 font-size-adjust 属性.

属性定义及使用说明

font-size-adjust属性，让您更好的控制字体大小，当第一个选择的字体不可用时。

当一个字体不可用，浏览器使用第二个指定的字体。这可能会导致改变字体大小。为了防止这种情况，使用的font-size-adjust属性。

所有字体都能有"aspect值"，这是小写字母"X"和大写字母"X"的大小差异。

当浏览器知道"aspect值"为第一选择的字体时，浏览器可以找出什么样的font-size使用第二选择字体显示文字。

默认值： none
继承： yes
版本： CSS3
JavaScript 语法： object.style.fontSizeAdjust="0.58"

语法

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

值 描述
number 定义字体的 aspect 值比率。 可使用的公式： 首选字体的字体尺寸 * （font-size-adjust 值 / 可用字体的 aspect 值）=可应用到可用字体的字体尺寸 举例： 如果 14px 的 Verdana（aspect 值是 0.58）不可用，但是某个可用的字体的 aspect 值是 0.46，那么替代字体的尺寸将是 14 * (0.58/0.46) = 17.65px。
none 默认。如果此字体不可用，则不保持此字体的 x-height。
inherit 继承父元素的字体大小调整属性