font-size-adjust 是一个很有用但可能不太常见的 CSS 属性，它的主要作用是在需要回退字体时，维持网页文字的实际显示大小和视觉比例的一致性。
简单来说，当您的首选字体不可用而回退到备用字体时，它能防止文字看起来过大或过小，从而保持版面的稳定。
为什么需要 font-size-adjust？
不同的字体即使被设置为相同的 font-size 值，它们实际显示出来的视觉大小也可能差异很大。这是因为 font-size 设置的是字体的高度（em-square），但不同字体大写字母的高度与小写字母（尤其是x高度）的比例不同。
- x-height（x高度）：指字体中小写字母 x 的高度，它很大程度上决定了字体在视觉上的大小和易读性。x高度较大的字体，在相同字号下看起来更大、更舒展。
当网页使用 font-family: "Arial", "Helvetica", sans-serif; 这样的规则时，如果用户没有安装Arial，浏览器会使用Helvetica。如果两种字体的x高度差异很大，即使字号相同，Helvetica渲染出的文字可能突然变得比Arial显得小很多，从而打乱布局。
font-size-adjust 的工作原理
这个属性允许您设定一个期望的 x高度与字体大小的比率（即 aspect ratio，宽高比）。浏览器在应用回退字体时，会根据这个比率动态调整回退字体的实际显示大小，使其x高度与首选字体保持一致。
计算公式大致为：
回退字体的实际显示大小 = 设定的 font-size * (首选字体的 aspect ratio / 回退字体的 aspect ratio)
语法与用法
/* 使用关键字 */
font-size-adjust: none; /* 默认值，不调整回退字体的大小 */
/* 设置 aspect ratio 值 */
font-size-adjust: 0.5; /* 数字值，表示期望的 x-height / font-size 比率 */
/* 全局值 */
font-size-adjust: inherit;
font-size-adjust: initial;
font-size-adjust: unset;示例说明
假设您首选一款名为 “优雅体” 的字体，它的x高度与字号比为 0.58。您担心用户没有安装这款字体，回退到普通 sans-serif 字体时（假设其比率为0.52），文字会显得小。
/* 为段落设置字体和调整比率 */
p {
font-family: "优雅体", sans-serif;
font-size: 16px;
font-size-adjust: 0.58; /* 告诉浏览器，尽量保持所有文字的x高度为 16px * 0.58 ≈ 9.28px */
}效果：
- 如果用户有”优雅体”，字体显示为
16px，x高度约为9.28px。 - 如果用户没有”优雅体”，回退到
sans-serif，浏览器会自动计算sans-serif的x高度比率，并等比放大字号，使其x高度也尽量接近9.28px，从而在视觉上与首选字体的大小保持一致。
实用技巧
- 如何获取字体的 aspect ratio？ 您可以使用浏览器的开发者工具，或者在一些字体信息网站上查询。一个简单的方法是：在网页上暂时对一个元素应用该字体并设置大字号，然后在控制台运行一些脚本计算小写x的高度与字号的比例。更常用的方法是查阅字体文档或根据经验估算（一般无衬线字体在0.52-0.58之间，衬线字体可能稍低）。
- 现代替代方案：
font-size-adjust的演进 传统的font-size-adjust只关注x高度。更新的 CSS 规范引入了font-size-adjust的from-font关键字以及cap-height、ch-width等更精细的度量指标，允许您根据大写字母高度或字符宽度来调整。但请注意，这些新特性的浏览器支持度还在逐步完善中。
总结
font-size-adjust是一个保底增强的属性，用于在字体回退时优化阅读体验和排版稳定性。- 它通过维持**x高度（x-height）**的视觉一致来工作。
- 这在需要精确控制排版、使用非系统默认字体的设计场景中尤其有价值。