为什么Google字体在Chrome中看起来比IE / FireFox更加清晰？

Question

我无法理解为什么我开发的应用中的Google字体在Chrome中看起来比在Internet Explorer和FireFox中更加清晰和干净。正文中的差异并不那么引人注目，但在标题元素中尤其明显（见下面的例子）。

甚至存在的问题是Chrome浏览器中的字体呈现在我的应用和使用Google字体类型转换工具之间有所不同。在Typecast中的渲染看起来更像IE / FireFox中的渲染，而不是在我的应用程序中渲染（参见下面的示例）。

我使用Open Sans Google Font并使用以下CSS参考：

<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">  

我也在使用Bootstrap作为我的应用程序 - 不确定这是否相关，但它是我能想到的唯一可以产生影响的其他事情。

Google Chrome字体呈现（标题看起来清晰流畅）：

Internet Explorer字体呈现（标题看起来几乎像素化和方形）：

使用Chrome在Typecast中进行字体渲染（标题与IE中的标题相同）

知道为什么这些字体渲染方式如此不同？

更新

我从Typecast下载了一个展示解决方案，并且在我的机器上本地运行演示获得了相同的结果，因为字体看起来不清晰，但在我的应用程序中非常清晰（在Chrome中都是如此）。所以我创建了一个干净的.html文件，只有一个h2标题和一个段落，并添加了Google字体CSS参考。超脆。所以我开始测试Typecast展示案例应用程序，其中包括半粗体600，粗体700和额外的粗体800字体。如果我删除这些字体并只使用正常的400字体渲染为清晰和预期。所以至少可以解释为什么我在Chrome中获得了不同的结果。但是，我仍然不明白为什么其他浏览器不能轻易地渲染字体。