苹果设备上的字体呈现方式不同。太令人沮丧了

Question

我希望你们中的一些css巫师可能会遇到我即将描述的问题。

我为客户网站创建了css3按钮，以替换当前的图像按钮。这些按钮恰好是暗值背景上的浅色字体（红色背景上的白色文字）。

在OSX和iOS上，石英渲染引擎对此非常不满，并且将字体反锯齿。大胆真的非常大胆。

奇怪的是，我在Mac上开发，无法复制客户端跨多个设备的渲染问题。我已经确定我只启用了系统字体，我的字体平滑设置相同等等......

我发现了一篇文章，建议修复基于webkit的浏览器here，并将文本从其背景中分离，以便只为文本提供不透明度值。

仍然没有骰子。任何人都知道这里可能出现什么问题？

示例图片

Answer 1

我在基于webkit的浏览器上遇到了web字体的粗体问题。我使用以下CSS属性来解决它：

-webkit-font-smoothing: antialiased;

似乎比使用不透明度来修复字体权重更好的解决方案...这真的只是一种黑客攻击。