font-smoothing 在 iOS 上完全无效，Apple 强制使用自有文本渲染策略；真正有效的是 text-rendering: optimizeLegibility、-webkit-text-stroke: 0.5px transparent、精准 viewport 设置及完整 system-ui 字体栈。
font-smoothing 在 iOS 上根本不起作用
iOS 系统（包括 Safari 和所有 WebKit 内核 WebView）会忽略 font-smoothing 的大部分取值，尤其是 antialiased 和 subpixel-antialiased。这不是你写错了，是 Apple 主动禁用的——它强制使用自己的文本渲染策略，且不暴露控制权。
常见错误现象：font-smoothing: antialiased 在 iPhone 上毫无变化，但开发者工具里样式明明生效了；或者在 macOS Safari 上有效，一到真机就失效。
- 只对 macOS 桌面端 Safari 有实际影响（且效果有限）
- iOS / iPadOS 完全无视该属性，连 warning 都不报
- Chrome on iOS 同样无效——它底层仍是 WebKit 渲染
- 别试图用
-webkit-font-smoothing加前缀“唤醒”它，没用
真正影响移动端字体清晰度的是 text-rendering 和 -webkit-text-stroke
text-rendering 是少数被 iOS 尊重的渲染提示属性，虽然语义模糊，但实测中 optimizeLegibility 能触发更精细的字距与连字处理，视觉上更“锐利”；而 geometricPrecision 反而会让小字号发虚。
-webkit-text-stroke 是更直接的“作弊手段”：给文字加极细描边（比如 0.5px），能有效抑制 iOS 默认的过度抗锯齿导致的灰蒙感，尤其对黑体类字体（如 system-ui、-apple-system）提升明显。
- 优先写
text-rendering: optimizeLegibility，不是auto或optimizeSpeed - 搭配
-webkit-text-stroke: 0.5px transparent，透明描边不会改颜色，但能收紧边缘 - 避免
-webkit-text-stroke: 1px #000这种粗描边，小字号会糊成块 - 注意：描边在 Android Chrome 上效果微弱，但无害；在桌面端可能略加重，需局部覆盖
viewport 缩放和 device-pixel-ratio 才是根源问题
很多所谓“字体发虚”，其实不是渲染参数问题，而是页面被缩放了。比如 viewport 设置为 width=device-width, initial-scale=1.0 但内容宽度超出了视口，浏览器自动缩放，字体就被拉伸模糊了。
另一个关键是 window.devicePixelRatio：iPhone 13 的 dpr 是 3，但如果你 CSS 中写了 font-size: 16px，实际渲染像素远超 16，系统会在高分屏上做次采样，导致柔化。这时候靠 font-smoothing 已经晚了。
- 检查
是否含user-scalable=no或意外缩放 - 用
font-size: clamp(14px, 4vw, 18px)替代固定值，让字体随视口物理尺寸响应 - 避免用 rem 基于非标准根字号（比如 16px）在高 DPR 设备上硬撑，考虑配合
media (min-resolution: 2dppx)微调 - 真机调试时看「真实设备像素」而非逻辑像素——Safari 开发者工具里的 “Responsive Design Mode” 会骗人
system-ui 字体栈必须写全，否则 fallback 会拉低清晰度
移动端默认字体（如 iOS 的 -apple-system）本身是高清渲染的，但如果你只写 font-family: system-ui，部分 Android 浏览器会 fallback 到模糊的 Droid Sans 或 Roboto 旧版本；更糟的是，漏掉 Segoe UI 或 Ubuntu，可能命中低质量的 sans-serif 通用族。
字体栈不是越短越好，而是要精确兜住各平台最新系统字体，让浏览器优先用原生高清字体，而不是退化到渲染质量差的替代品。
- 必须写成：
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif - 顺序不能乱：
-apple-system必须最前，sans-serif必须最后兜底 - 别加引号包
-apple-system，它不是字符串，是关键字 - Android 12+ 的
Product Sans目前不建议主动引入，兼容性差且未广泛部署
事情说清了就结束。真正起效的从来不是某个 CSS 属性，而是 viewport 控制、字体栈精度、dpr 意识这三者的组合；font-smoothing 只是表象，盯着它调，等于在修车时拧空调旋钮。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
