Google Web 字体 - IE9 和 10 中的渲染不佳答案

【问题标题】：Google Web Font - Poor Rendering in IE9 & 10Google Web 字体 - IE9 和 10 中的渲染不佳
【发布时间】：2013-10-23 13:58:05
【问题描述】：

我正在开发一个新版本，并且正在 @importing 一个 Google Webfont，Rokkitt。我需要在我的网站的标准版本和粗体版本中使用它。当我包含此字体并进行测试时，字体看起来干净且符合预期，唯一的例外是 IE 9 和 10。在这两个版本中，文本呈现时没有任何锯齿和平滑。

我在这个主题上的搜索实际上只显示了与 Chrome 相关的结果，所以我不太确定在哪里查看或尝试什么。

我尝试了标准的文本阴影技巧，但没有成功，还尝试了其他不太可能的解决方案，例如 CSS 平滑技术。我还没有找到任何使该字体适合这两种浏览器的东西。

【问题讨论】：

标签： css fonts internet-explorer-9 internet-explorer-10 google-webfonts

【解决方案1】：

您可以使用 CSS3 @font-face 规则来实现您的目标。

请注意，Internet Explorer 9 和 Internet Explorer 10 不支持 TTF（True Type 字体）。 Internet explorer 9 & 10 支持 WOFF(Web Open Font Format) 字体和 EOT(Embedded OpenType) 字体。

注意： Internet Explorer 8 及更早版本，不支持@font-face 规则。

参考： CSS3 fonts - W3Schools

【讨论】：