font-size-adjust

锟斤拷锟狡憋拷页锟斤拷锟斤拷

Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, Android4.4+, Opera40.0+

语法：

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 8.0-16.0 40.0 40.0-64.0 8.0-11.0 40.0-50.0 8.0-11.3 4.4-62.0 28.0-64.0

示例：