font-size-adjust

语法

  • font-size-adjust:none | <number>
  • 默认值:none
  • 适用于:所有元素
  • 继承性:有
  • 动画性:当值为 <number> 时
  • 计算值:指定值

取值

  • none:不保留首选字体的 x-height
  • <number>:定义字体的 aspect 值。

说明

设置或检索对象的 aspect 值,用以保持首选字体的 x-height。

  • 字体的小写字母 "x" 的高度与字号之间的比率被称为一个字体的 aspect 值
  • 高 aspect 值的字体被设置为很小的尺寸时会更易阅读。举例:Verdana 的 aspect 值是 0.58(意味着当字体尺寸为 100px 时,它的 x-height 是 58px)。Times New Roman 的 aspect 值是 0.46。这就意味着 Verdana 在小尺寸时比 Times New Roman 更易阅读。
  • 可以使用这个公式来为可用字体推演出合适的字号:可应用到可用字体的字体尺寸 = 首选字体的字体尺寸 * (font-size-adjust 值 / 可用字体的 aspect 值)
  • 详述:如果 14px 的 Verdana(aspect 值是 0.58)不可用,但是某个可用的字体的 aspect 值是 0.46,那么替代字体的尺寸将是 14 * (0.58/0.46) = 17.65px。
  • 对应的脚本特性为fontSizeAdjust。

兼容性

Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-11.0 2.0 4.0-43.0 3.1-8.1 15.0-28.0 3.2-8.1 2.1-4.4.4 18.0-40.0
3.0+

示例


<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<style>
body {
    font: 14px/1.5 Verdana, Times New Roman;
    font-size-adjust: .58;
}
</style>
</head>
<body>
<p>Hello World!</p>
</body>
</html>