加了antialiased反而让中文字更糊，因其强制设-webkit-font-smoothing: antialiased，关闭macos子像素抗锯齿，降级为灰阶渲染，致边缘发虚、笔画不均；ios和windows/linux忽略该属性，实际无效。
为什么加了 antialiased 反而让中文字更糊
这个类强制设 -webkit-font-smoothing: antialiased，在 macOS 中文环境下会关闭子像素抗锯齿，把渲染降级为灰阶模式。结果是笔画边缘发虚、横竖粗细不均，小字号下尤其明显。它不是“修复模糊”，而是主动牺牲清晰度。iOS Safari 完全忽略该属性，Windows/Linux 也不支持，加了等于白写。
应该用 subpixel-antialiased 还是直接禁用
subpixel-antialiased 实际等价于 -webkit-font-smoothing: auto，也就是信任系统默认行为——Retina 屏上靠 RGB 子像素插值，100% 缩放时最稳。但绝大多数项目根本不需要干预：字体准时加载、缩放为整数倍、字重真实存在，这三件事比加哪个平滑类重要得多。所以更推荐：
- 在
tailwind.config.js的corePlugins中设fontSmoothing: false - 删掉所有
antialiased和subpixel-antialiased的使用 - 省体积、防误用、中文阅读体验反而更一致
如果真要保留并扩展变体，怎么配才生效
Tailwind v3.4+ 已把变体配置移到 plugins，不是旧版的 variants.extend。想支持 hover:subpixel-antialiased 这类交互态，必须：
- 在
tailwind.config.js中写plugins: [require('@tailwindcss/typography'), { fontSmoothing: ['hover', 'focus'] }] - 注意
fontSmoothing是数组，不是字符串 - 改完必须重新运行构建命令（
npm run build或对应命令），否则新类名不会生成
真正影响清晰度的三个硬点，比平滑类重要得多
字体是否准时出现、缩放是否为整数倍、字重是否真实匹配——这三件事出问题，加什么类都救不回来：
-
font-display: swap是推荐的，但得确保字体文件真实可用；否则 fallback 到系统字体再切回来，就是“闪糊”根源 - 避免浏览器缩放非 100%，比如 macOS 系统设为“更大文本”，会触发非整像素渲染
- 声明了
font-weight: 500却只加载了 400/700 字重，浏览器合成加粗，边缘必然糊化
你根本不需要干预字体平滑。系统默认行为在绝大多数场景下已经最优，强行加类等于绕过渲染引擎的智能判断——而它比你更懂怎么画好一个“口”字。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
