谷歌字体在Chrome中渲染严重

Question

我在我的项目中使用Google字体的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: optimizelegibility;的这一部分中注释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;*/
}