Webkit中的字体渲染/平滑问题与jQuery Slider Revolution(WP插件版本)

时间:2014-02-10 01:21:43

标签: jquery css3 animation fonts smoothing

我还没有设法解决这个问题。我尝试过在类似帖子"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)中发生,它看起来像是一个字体平滑问题。

即使(高级)插件支持团队没有回答我的问题,也会受到一些帮助。谢谢:))

1 个答案:

答案 0 :(得分:2)

问题解决了!而不是-webkit-font-smoothing: antialiased我使用了-webkit-font-smoothing: subpixel-antialiased(不在<html>元素中,只在需要的地方)并且它使用了标题看起来更厚更好。