使用 jQuery Slider Revolution（WP 插件版本）的 Webkit 中的字体渲染/平滑问题答案

【问题标题】：Font rendering / smoothing issue in Webkit with jQuery Slider Revolution (WP plugin version)使用 jQuery Slider Revolution（WP 插件版本）的 Webkit 中的字体渲染/平滑问题
【发布时间】：2014-02-11 01:13:44
【问题描述】：

我还没有设法找到解决该问题的方法。我已经尝试过类似帖子 "Safari rendering page fonts thinner with jQuery slider on page" 中提供的解决方案，其中涉及这些 CSS 属性：-webkit-font-smoothing: antialiased 和 -webkit-backface-visibility: visible / -webkit-backface-visibility: hidden。

这是一个仅限 Safari (Webkit) 的问题，发生在该站点的每个页面上：http://dev.gaudissard.com，仅在标题部分中。

位于 Slider Revolution 上方的所有文本（导航、下拉菜单、按钮）都很好，并以其常规粗细显示...直到 Slider Revolution 开始，字体显示变细（有点在字体粗细/平滑之间来回切换)。

从我读到的内容看来，这是一个字体平滑问题，因为 CSS3 动画发生在下面的图层（z-index）中。

如果连（高级）插件支持团队也没有回答我的问题，我们将不胜感激。谢谢:)

【问题讨论】：

标签： jquery css animation fonts smoothing

【解决方案1】：

问题解决了！ 我使用了-webkit-font-smoothing: subpixel-antialiased（不在<html> 元素中，但仅在需要的地方）而不是-webkit-font-smoothing: antialiased，它使标题中使用的字体看起来更粗更棒。

【讨论】：