谷歌字体在 Chrome 中的渲染很糟糕答案

【问题标题】：Google Fonts rendering badly in Chrome谷歌字体在 Chrome 中的渲染很糟糕
【发布时间】：2014-06-18 22:21:03
【问题描述】：

我在我的项目中使用来自 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 上（据我所知，我的客户也是如此）。

【问题讨论】：

没有代码？ JSfiddle 演示怎么样。 sometimes 问题很难诊断。什么情况下会出现这个问题？
我添加了一个 JSFiddle 演示。我目前不知道在什么情况下会出现此问题，也不知道如何复制它。这就是问题所在。

标签： css google-chrome fonts

【解决方案1】：

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

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

【讨论】：