Google Webfonts 和抗锯齿答案

【问题标题】：Google Webfonts and Anti-aliasingGoogle Webfonts 和抗锯齿
【发布时间】：2013-04-11 11:38:07
【问题描述】：

我喜欢在我的商业作品中使用 Google Webfonts，但它们呈现的锯齿状有点过于粗糙，虽然在 Google 提供的预览中，它们呈现得非常流畅。

最大的预览看起来非常漂亮和流畅，但是当我在我的页面上导入并使用它时，它的边缘似乎扭曲了，非常锯齿状。 Google 是否使用额外的库来实现这种抗锯齿功能，还是我做错了什么？

【问题讨论】：

【解决方案1】：

我不了解完整的技术细节，但 Chrome 呈现字体的方式可能与其他浏览器不同。

您可以尝试在 CSS 文件中指定 font-smoothing 规则。

p {
    -webkit-font-smoothing: antialiased;
}

这个规则经常被使用。有时，人们将它应用于每个选择器（使用*）：

* {
    -webkit-font-smoothing: antialiased;
}

此属性的三个可能值是：

-webkit-font-smoothing: none;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: antialiased;

不幸的是，我现在无法重现平滑问题（我不知道为什么，我的计算机没有改变平滑并且一切都完全可读，也许是最近的 Chrome 修复但我找不到任何关于那个）。

进一步阅读：

希望我能帮上忙。 :)

【讨论】：

【解决方案2】：

如果您从系统（windows/fonts 文件夹）卸载字体，您应该可以看到它流畅。为了克服这一点。不要使用来自谷歌的@import 或直接链接。而是从 www.fontsquirrel.com 下载软件包（整个网络字体工具包）并在你的 css 中使用 @font-face 来获得平滑的字体。

【讨论】：

【解决方案3】：

字体呈现不同基于：

基于您的字体在 Chrome 和 Firefox 中看起来更糟的事实，您唯一可以做的就是尝试让这些浏览器呈现更好的效果。在没有看到您的代码的情况下，我唯一可以推荐的是：

希望这会有所帮助！

【讨论】：