不久前,我做了一个固定的div作为页面的导航菜单。我注意到当在vimeo Flash电影上滚动时,文本的字体粗细降低了。
现在,我在另一个导航菜单中再次看到它,但是这次在滚动一个jQuery Google map 时:http://jorenfrielink.com/beta/
如您所见,当菜单按钮覆盖 map 时,其字体粗细会减小。到目前为止,我在chrome和safari中注意到了这一点。
这是一个普遍的问题吗,该怎么办?
最佳答案
某种原因导致字体平滑度发生变化,诸如css3动画或转换之类的东西可能会导致这种情况。尝试将其添加到导航文本中:
-webkit-font-smoothing: subpixel-antialiased;