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

Question

我正在创建一个新版本，并且正在@importing Google Webfont，Rokkitt。我需要为我的网站使用标准版和粗体版。当我包含这种字体并进行测试时，字体看起来很干净，并且与预期的一样，唯一的例外是IE 9 & 10.在这两个版本中，文本呈现时没有任何别名和平滑。

我对这个主题的搜索结果只是显示了关于Chrome的结果，所以我不太确定在这里看什么或尝试什么。

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

Answer 1

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

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

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

参考： CSS3 fonts - W3Schools