font-size-adjust

Avatar of Robin Rendle
Robin Rendle on

DigitalOcean 为您的旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

此属性使开发人员能够根据元素的小写字母的大小而不是大写字母的大小来设置元素的 font-size

.element {
  font-size: 22px;
  font-size-adjust: .5;
}

在这种情况下,该字体的 小写字母的高度为 11px,因为 22 x .5 = 11。

加载字体时,备用字体的小写字母与新加载字体的字形之间可能存在不同的纵横比,因此 font-size-adjust 可用于控制在声明新 font-family 并看到未格式化文本闪烁 (FOUT) 时重新流动的量。

在下面的演示中,可以打开或关闭此属性以显示 Chaparral 等网页字体与 Times(备用字体)中字符的 x 高度和对齐方式有何不同。 但请注意,此属性目前仅受少数浏览器支持。

当在大量正文文本上设置此属性时,它会产生戏剧性的效果,并且可以大幅改善在备用字体和新加载字体之间切换时发生的闪烁。

更多信息

浏览器支持

此浏览器支持数据来自 Caniuse,它提供更多详细信息。 数字表示浏览器从该版本开始支持该功能。

桌面

ChromeFirefoxIEEdgeSafari
12711812717.0

移动设备/平板电脑

Android ChromeAndroid FirefoxAndroidiOS Safari
12712712717.0