size-adjust

Baseline 2023
新推出

自 2023 年 9 月起,此功能可在最新的设备和浏览器版本上使用。此功能可能无法在较旧的设备或浏览器上使用。

size-adjust CSS 描述符,用于 @font-face at-rule,它定义了与此字体关联的字形轮廓和度量的乘数。这使得在相同字体大小时,更容易协调各种字体的设计。

size-adjust 描述符的行为与 font-size-adjust 属性类似。它通过匹配 ex 高度来计算每个字体的调整。

语法

css
size-adjust: 90%;

<percentage>

一个 <percentage> 值,初始值为 100%。

与此字体相关的所有度量都按给定百分比缩放。这包括字形前进、基线表以及 @font-face 描述符提供的覆盖。

正式定义

相关的 at-rule@font-face
初始值100%
百分比同指定值
计算值同指定值

正式语法

size-adjust = 
<percentage [0,∞]>

示例

覆盖备用字体的度量

当需要覆盖备用字体的度量以更好地匹配主要网页字体的度量时,size-adjust 属性会有所帮助。

css
@font-face {
  font-family: "web-font";
  src: url("https://example.com/font.woff");
}

@font-face {
  font-family: "local-font";
  src: local("Local Font");
  size-adjust: 90%;
}

规范

规范
CSS Fonts Module Level 5
# size-adjust-desc

浏览器兼容性

另见