css - Google 字体在 Chrome 中呈现不佳

Question

我在我的元素中使用 Google Fonts 的 Source Sans Pro，但有时 Chrome 会完全破坏字体的呈现。

我目前不明白发生这种情况的时间和原因，但有时我在页面加载时遇到这种情况，其他时候我在滚动页面时看到这种情况发生。重新加载页面可以解决问题。 Firefox 中不会出现此问题。

正确呈现的方式如下:

我尝试了几种修复方法，包括 text-shadow、-webkit-font-smoothing: antialiased 和 this 中的解决方案回答。

谁能帮帮我？

谢谢。

编辑:主题基于 Bootstrap 2.3.2，当我导入 Google 字体时问题开始了。我按照 http://jsfiddle.net/NqQ5P/2/ 中的建议创建了一个 JSFiddle .另请注意，我没有在我的 MacBook 上遇到这个问题，但只在 Windows 上遇到过(据我所知，我的客户也是如此)。

Answer 1

在尝试了无数的解决方案后，在我注释掉文件的这一部分中的 text-rendering: optimylegibility; 之后，问题似乎已经消失了(我们已经无法重现了) bootstrap.css:

h1, h2, h3, h4, h5, h6 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
/*text-rendering: optimizelegibility;*/
}