antialiased 类在 macOS 上让中文字体发虚，因其强制禁用子像素抗锯齿（-webkit-font-smoothing: antialiased），剥夺 RGB 微调能力，导致边缘灰、对比度低；系统默认的 subpixel-antialiased（auto）才真正清晰。
antialiased 类会让中文字体更糊，不是修复模糊，而是主动关闭 macOS 正常的子像素抗锯齿。Tailwind 默认不加这个类，加了反而偏离系统默认渲染逻辑。
为什么 antialiased 在 macOS 上让字体发虚
这个类实际写入的是：-webkit-font-smoothing: antialiased 和 -moz-osx-font-smoothing: grayscale。前者在 macOS Safari/Chrome 中会强制禁用 subpixel 渲染——也就是剥夺 RGB 子像素微调能力，导致中文字体边缘灰、对比度低、笔画发毛。而系统默认的 subpixel-antialiased（即 auto）才是清晰前提。
- iOS Safari 完全忽略
-webkit-font-smoothing，写了等于白写 - Windows/Linux 不支持该属性，
antialiased对它们无影响 - 对英文小写字母（如 a、e）可能略显“柔和”，但代价是中文整体可读性下降
- Tailwind 的
antialiased是为极简黑底白字 UI 设计的，不是通用“清晰开关”
subpixel-antialiased 才是默认且推荐的渲染模式
Tailwind 提供了 subpixel-antialiased 类，它设为 -webkit-font-smoothing: auto，等效于不干预系统策略。这在 macOS 上恢复了子像素渲染，在 Retina 屏和 100% 缩放下效果最稳。
- 不需要全局加类——只要没手动覆盖，body 及子元素就已是 subpixel 模式
- 若你已在全局 CSS 或 Tailwind 配置里加了
antialiased，优先删掉 - 响应式写法如
md:subpixel-antialiased没必要，因为 subpixel 就是默认值
真正导致字体模糊的三个常见原因
模糊几乎从不来自“没开平滑”，而来自字体加载、缩放或匹配问题：
立即学习“前端免费学习笔记（深入）”；
-
font-display: swap导致首屏用系统字体回退，等自定义字体加载后重绘，视觉上像“突然变糊又变清” - 页面被缩放（如 macOS 系统缩放设为“更大文本”，或浏览器缩放非 100%），触发非整像素渲染
-
font-weight值（如500）和实际加载的字体文件字重不匹配，浏览器被迫做合成加粗，边缘糊化 - 用了
text-rendering: optimizeLegibility却没配连字支持，反而干扰排版精度
字体清晰度的关键不在“加什么平滑类”，而在让正确字体以正确方式准时出现——antialiased 是个误导性开关，删掉它，再检查 font-display 和 font-weight 匹配，往往比调任何 -webkit 属性都管用。
