前段时间我做了一个固定的 div 作为页面的导航菜单。我注意到当滚动到 vimeo flash 电影时，文本的字体粗细减少了。
现在我在另一个导航菜单中再次看到它，但这次是在滚动 jquery 谷歌地图时：http: //jorenfrielink.com/beta/
如您所见，菜单按钮的字体粗细在覆盖地图时会减小。到目前为止，我已经在 chrome 和 safari 中注意到了这一点。
这是一个常见问题吗？如何解决？
问问题
4320 次
3 回答
8
某些原因导致您的字体平滑发生变化，诸如 css3 动画或变换之类的事情可能会导致这种情况。尝试将此添加到您的导航文本中：
-webkit-font-smoothing: subpixel-antialiased;
于 2012-10-13T22:33:54.627 回答
4
正如 Joren 所说：-webkit-font-smoothing: antialiased;
这适用于 Chrome + Safari
于 2012-12-19T02:59:38.600 回答
2
试试这个修复：
opacity: 99;
文字上。
如果这解决了它，那么您的问题源于 OSX 呈现字体的方式。它针对浅色背景上的深色文本进行了优化，因此当您反转它时会出现奇怪的粗体效果。这种不透明技巧是一种解决方法，可以使其以标准方式显示，即使它是明暗的。
于 2012-10-13T22:09:48.560 回答