字体渲染问题 - mac os 中 safari 中的权重答案

【问题标题】：Font rendering Issue - weight in safari in mac os字体渲染问题 - mac os 中 safari 中的权重
【发布时间】：2014-10-22 15:17:05
【问题描述】：

我在当前项目中遇到了一个奇怪的字体渲染问题。正如您在附件 jpg 中看到的那样，不同子页面上的字体粗细略有不同。这只发生在 mac os 上的 safari 中。 >> 相同的浏览器（！）但不同的字体渲染。

两个页面之间唯一的区别是一个类，巫婆有一个css伪元素（没有不同的字体或文本属性，只是一个边框。）

有人给我一些建议吗？

【问题讨论】：

您是否尝试过其他浏览器？出现同样的问题？
您需要编写一些代码，以便人们可以复制问题。
它们是不同的重量还是不同的颜色？一页是否有使标题变暗的类/样式？也许在添加那个伪元素类时，您已经覆盖了一些 CSS 特性？一个代码示例可以帮助我们解决问题。
该问题仅出现在 mac os 上的 safari 中（不在 Windows 上，不在 iOS 上）它不是不同的权重（如常规或粗体）或颜色，而是不同类型的字体渲染导致稍有不同的权重 * 伪元素的 css（不应该）影响字体，它只是一个边框、显示：块和一个 boxshadow。

【解决方案1】：

这个，应用于身体，在我的情况下修复它：

-webkit-font-smoothing: antialiased;

还是谢谢你！

【讨论】：