css - Google Web 字体 - 在 IE9 和 10 中呈现不佳

Question

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

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

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

Answer 1

You can use CSS3 @font-face rule to achieve your goal.

请注意，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