发布时间：2024 年 7 月 23 日
。CSS font-size-adjust 属性现已在 Chrome 中推出，并纳入了“新推出的基准”中。此属性有助于防止在加载后备字体时布局发生偏移，并确保在较小的字号下后备字体清晰可辨。font-size-adjust 属性是 Interop 2024 的一部分，因此这也是我们为提高 Web 平台互操作性而做出的又一努力。
问题
比较设为相同大小的两个字体时，显示的文本所占空间可能会因字形的形状和大小而有很大不同。例如，以下演示展示了 Verdana 和 Arial 字体（均设为 16 像素）中的文本。
大小差异的原因在于，宽高比（即小写字母与大写字母相比的高度）因字体而异。
如果使用具有不同宽高比值的字体作为后备字体，这可能会导致两个问题。首先，字体占用的空间会发生变化。其次，您选择的后备字体可能不如先前指定的字体清晰易辨，尤其是在字号较小时。这是因为小写字母相对于大写字母的相对高度是可辨性的重要因素。
font-size-adjust 的帮助
借助 font-size-adjust 属性，您可以调整后备字体，以更好地匹配第一个字体。以下示例显示了之前显示的两种字体，这次第二种字体已调整为与第一种字体一致。
font-size-adjust。此示例使用单个值（一个数字），该值会使用默认字体指标 ex-height 调整字体。这是 x 高度（字体中小写 x 的高度）与字号的比率。您还可以指定所使用的字体测量标准。在下一个示例中，除了数字之外，我还使用了 ch-width 关键字对字体进行了标准化处理。
font-size-adjust 与 ch-width 字体指标搭配使用。如需查看所有可能的值，请参阅 font-size-adjust 的 MDN 文档。
不妨查看使用后备字体的网站，看看是否可以通过对 font-size-adjust 进行一些调整，帮助使用后备字体的读者获得更好的体验，尤其是现在 font-size-adjust 已在所有平台上推出！