iOS 移动设备上的字体渲染问题

Posted 2023-04-14

【中文标题】iOS 移动设备上的字体渲染问题

【英文标题】：Font rendering issue on iOS mobile devices

【发布时间】：2016-04-22 15:31:35

【问题描述】：

我有一个问题只能在 ios 上找到并且不知道如何解决。

在上面的图片中，您可以看到完整的字体错误渲染和像素化的复选标记列表。我不知道为什么以及如何解决这个问题。我尝试了各种各样的东西，从转换和文本渲染选项到暗影技巧。

我真的需要这方面的帮助。谢谢！

【问题讨论】：

似乎在我的 iPhone 4S 和 iPad Air 2 上运行良好

这是 iPhone 6。一般来说，我无法产生这个问题，我从老板那里得到这张图片，他的手机有这个问题。这意味着会发生在其他手机上，但不知道在哪里以及为什么。我的一个朋友在 iPhone 6 Plus 上试了试，没有看到这个问题。

你有幸解决了这个问题吗？

嗨@ThiagoUruray 试试这个：box-shadow: #529e06 0 0 1px, #529e06 0 0 2px; -webkit-box-shadow: #529e06 0 0 1px, #529e06 0 0 2px; -moz-box-shadow: #529e06 0 0 1px, #529e06 0 0 2px; -ms-box-shadow: #529e06 0 0 1px, #529e06 0 0 2px; -o-box-shadow: #529e06 0 0 1px, #529e06 0 0 2px;

【参考方案1】：

我认为-webkit-font-smoothing 是这里的罪魁祸首； -webkit-font-smoothing:none 在我的 iPhone 6s 上看起来很糟糕。

Christoph Zillgens 有一个非常好的test page for -webkit-font-smoothing，它清楚地表明了这一点。