font-size-adjust

  • 版本:CSS3
  • 媒体:视觉
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

语法:

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+

示例: