我还没有设法解决这个问题。我尝试过在类似帖子"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)中发生,它看起来像是一个字体平滑问题。
即使(高级)插件支持团队没有回答我的问题,也会受到一些帮助。谢谢:))
答案 0 :(得分:2)
问题解决了!而不是-webkit-font-smoothing: antialiased
我使用了-webkit-font-smoothing: subpixel-antialiased
(不在<html>
元素中,只在需要的地方)并且它使用了标题看起来更厚更好。