font-size-adjust

  • 版本:CSS3
  • 2018.3.21

语法:

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

示例:

关注编程学问公众号