font-smoothing 在哪些浏览器里根本没用
font-smoothing 是 WebKit 内核专属的非标准属性，只在 Safari 和旧版 Chrome/Edge（基于 Blink 但早期沿用了 WebKit 前缀）中生效。Firefox 完全忽略 font-smoothing，现代 Chrome（110+）、Edge（110+）也已移除对它的支持——不是“不推荐”，是直接不解析。
常见错误现象：font-smoothing: antialiased 在 Firefox 或新版 Chrome 里加了等于没加，开发者还以为自己调好了，结果用户反馈文字发虚或锯齿明显。
- 真正跨浏览器可控的只有
text-rendering（如text-rendering: optimizeLegibility），但它影响的是字距和连字，不是抗锯齿本身 - WebKit 中有效值仅有
auto、none、antialiased、subpixel-antialiased；其中subpixel-antialiased在 macOS 上实际被系统忽略（macOS 自己控制子像素渲染） - Windows 下开启 ClearType 后，
antialiased反而会让文字变灰、变细，阅读吃力
替代方案：用 -webkit-font-smoothing + text-rendering 组合兜底
虽然 font-smoothing 已式微，但仍有大量存量项目依赖它。稳妥做法是用带前缀的 -webkit-font-smoothing，再配合 text-rendering 和 font-weight 微调：
-
-webkit-font-smoothing: antialiased适用于深色背景上的浅色文字，能减少毛边，但会削弱对比度 -
-webkit-font-smoothing: subpixel-antialiased在 Windows + Chrome 旧版本中可能更锐利，但在 Retina 屏上容易出现彩色边缘，慎用 - 搭配
text-rendering: optimizeLegibility可激活 OpenType 的 ligatures 和 kerning，间接提升可读性，尤其对英文小字号 - 避免在
font-weight: 300或更细的字体上强行启用antialiased，容易导致文字“消失感”
示例：
立即学习“前端免费学习笔记（深入）”；
body {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-weight: 400;
}
高 DPI 屏幕下，font-smoothing 的行为完全不可控
Retina、Surface Laptop、MacBook Pro 等设备的物理像素密度远高于 CSS 像素，此时系统字体渲染引擎（macOS Core Text / Windows DirectWrite）接管全部逻辑，CSS 层面的 font-smoothing 要么被覆盖，要么被静默降级。
使用场景：你在开发设计稿标注为「14px 字体需清晰锐利」，但设计师用的是 macOS 截图，而你测试用的是 Windows 笔记本——两者渲染结果差异极大，不是代码问题，是底层机制不同。
- macOS 默认启用 subpixel 渲染，但仅限于外接显示器（非 Retina）；内置 Retina 屏强制走 grayscale 抗锯齿，
subpixel-antialiased无效 - Windows 上 ClearType 开关状态直接影响最终效果，且无法通过 CSS 查询或干预
- 所有基于
font-smoothing的“修复”在响应式缩放（如 pinch-zoom > 100%）后都会失效
真正该关注的：字体加载 + 字重匹配 + line-height 协同
比起纠结 font-smoothing，更常被忽略的是字体加载阶段的 fallback 行为和字重映射失配。例如：
- 声明了
font-family: "Inter", sans-serif，但 Inter 的font-weight: 400实际加载的是Inter-Regular，而font-weight: 500可能被浏览器模拟加粗，导致渲染模糊 - Web Font 加载完成前，系统字体撑开行高，加载后字体宽度/高度微变，引发重排+重绘，视觉上像“闪动模糊”
-
line-height设为无单位数值（如1.4）比设为固定px更利于多分辨率适配，但若与字体度量不匹配，反而放大锯齿感
建议优先检查：@font-face 中是否定义了完整字重范围、是否启用 font-display: swap、是否用 size-adjust 或 ascent-override 对齐字体度量。
事情说清了就结束
