-webkit-font-smoothing 不能控制系统级抗锯齿，仅影响 WebKit 浏览器中非粗体文字的子像素渲染；Android 4.4+ 默认禁用子像素抗锯齿，厂商常进一步覆盖渲染逻辑，故该属性在多数安卓机上无效。
-webkit-font-smoothing 并不能控制系统级抗锯齿，它只影响 WebKit 内核浏览器（如 Safari、Chrome Android）中文字的子像素渲染方式，且仅对非 font-weight: bold 的文本生效。iOS 和 Android 厂商（华为、小米、OPPO 等）的系统字体渲染策略由底层图形栈决定，CSS 无权干预。
为什么 -webkit-font-smoothing 在多数安卓机上无效
Android 从 4.4 起默认禁用子像素抗锯齿（subpixel AA），改用灰度抗锯齿（grayscale AA），且 WebView/Chrome 不响应 -webkit-font-smoothing 的 subpixel-antialiased 值；部分厂商（如 MIUI、EMUI）还会进一步覆盖字体栅格化逻辑。
实操建议：
- 在 Android 设备上，
-webkit-font-smoothing: subpixel-antialiased多数被忽略，antialiased仅强制关闭所有抗锯齿（字形发虚），实际效果常比默认更差 - 不要为“统一显示”强行全局设置该属性，尤其避免在
body或* {}中声明 - 可通过
matchMedia('(prefers-reduced-motion)')或 UA 检测粗略识别 Android，但不推荐据此切换字体平滑策略——因行为不可控
真正影响移动端字体清晰度的关键 CSS 属性
相比徒劳地调 -webkit-font-smoothing，以下属性对可读性提升更直接、兼容性更好：
-
font-smooth: always：仅 Safari 支持，且 iOS 15+ 已废弃，无需使用 -
-webkit-text-stroke: 0.2px transparent：轻微增强字边对比，在 OLED 屏（如 iPhone、三星旗舰）上可缓解发灰问题，但慎用于小字号（12px以下易模糊） -
text-rendering: optimizeLegibility：启用 OpenType 连字与字距调整，对中文影响有限，但对英文/数字排版有帮助，Safari / Chrome 均支持 - 确保
font-family栈包含系统默认字体（如 iOS 用-apple-system，Android 用Roboto），比强行平滑更重要
遇到字体发虚、发毛、偏细的实际处理步骤
这不是抗锯齿开关能解决的问题，优先排查真实原因：
- 检查是否启用了
transform: scale(0.999)或will-change: transform—— 这类触发层合成的操作会导致 Chrome on Android 强制降采样字体，移除即可恢复清晰度 - 确认未对文本容器设置
backface-visibility: hidden或perspective，它们在部分安卓 WebView 中引发栅格化异常 - 若使用自定义字体，验证
@font-face中是否漏掉font-display: swap，FOIT/FOUT 期间浏览器可能用错误 fallback 渲染，造成视觉错觉 - 真机调试时，打开 Chrome DevTools → Rendering → 勾选 “Paint flashing”，观察文本区域是否频繁重绘（说明布局抖动或样式冲突）
系统级字体渲染策略是封闭的，Web 层唯一可靠的动作是：用对的字体、设合理的字号与行高、避开已知的合成陷阱。把 -webkit-font-smoothing 当成“字体开关”是个长期被误传的认知偏差。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
