字号调整属性

最后更新: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 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
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 会忽略该属性,导致回退字体大小不一致。线上使用前建议确认目标用户浏览器版本。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏