字号调整属性
最后更新:2026-09-13
font-size-adjust 字号调整属性
font-size-adjust 用于在字体回退时保持 x 高度(小写字母 x 的高度)一致,避免不同字体混排时字号视觉差异过大。属于 CSS3 属性。
| 分类 | |
|---|---|
| 初始值 | none |
| 继承 | 是 |
| 适用于 | |
| 可动画 | |
| CSS 版本 | CSS3 |
| 状态 | 标准 |
📝 语法
font-size-adjust: none | auto | <number>;
⚙️ 取值
| 值 | 类型 | 描述 |
|---|---|---|
none | 关键字 | 不调整 |
<number> | 类型 | 字号调整值(保持 x 高度一致) |
▶ 示例
编辑下方代码,在 playground 中查看实时效果:
🌐 浏览器支持
| 浏览器 | |||||
|---|---|---|---|---|---|
| font-size-adjust | ✓ v57 | ✓ v12 | ✓ v52 | ✓ v10.1 | ✓ v44 |
| 所有主流浏览器均支持 | |||||
提示: 取值通常设为主字体的 x 高度比值(x-height / font-size),可保持回退字体视觉大小一致。
注意: 兼容性一般,使用前需确认目标浏览器支持情况。
❓ 常见问题
Qfont-size-adjust 解决什么问题?
A不同字体在相同字号下 x 高度(小写字母高度)不同,首选字体加载失败回退到备用字体后,视觉大小会明显变化。font-size-adjust 通过统一 x-height 与字号的比值,让回退字体看起来和首选字体差不多大。
Qfont-size-adjust 的值怎么取?
A值是字体 x 高度与字号的比值,例如 Verdana 约 0.58、Georgia 约 0.48。可以先量出首选字体的比值填入,再检查回退字体的效果。新版语法也支持 auto,由浏览器自动计算。
Qfont-size-adjust 浏览器兼容性如何?
ASafari 和 Firefox 已支持多年,Chrome/Edge 自 127 版本起才支持;旧版 Chrome 会忽略该属性,导致回退字体大小不一致。线上使用前建议确认目标用户浏览器版本。