谷歌网络字体抗锯齿问题答案

【问题标题】：Google Web Fonts Anti Aliasing Issue谷歌网络字体抗锯齿问题
【发布时间】：2012-12-18 16:44:19
【问题描述】：

我正在尝试使用 Google Web Fonts 中的 Antic 字体。这是一个漂亮的字体，我的整个网站都是围绕它设计的。

我开始为我的网站编写代码，但我遇到了 Antic 这个恼人的抗锯齿问题。

我尝试了 CSS 中的所有内容...

font-smooth: always;

transform: rotate(-0.0000000001deg)

-webkit-font-smoothing: subpixel-antialiased;

text-shadow: 0 0 1px rgba(0,0,0,0.3); <- barely works

非常感谢您的帮助。

【问题讨论】：

标签： css fonts google-webfonts

【解决方案1】：

我知道这已经很老了，你已经通过了这个，但是对于其他来搜索的人......

如果问题只是 webkit，那么您的 -webkit 前缀可能会有一些运气，但我通常不使用子像素。赞-webkit-font-smoothing: antialiased;

当涉及到 IE 和其他非 webkit 浏览器的问题时，这无济于事。对于那些，请尝试使用 svg 作为第一个选项重新排序您的网络字体。或者您可以尝试完全省略它。这通常可以解决我遇到的任何问题，如果您可以摆脱它，请尝试摆脱 iefix，否则会导致 ie10 出现问题。如果您在支持旧版 ie 时无法尝试将其移到列表中。

【讨论】：

【解决方案2】：

How to apply font anti-alias effects in CSS?

    -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;

    -webkit-font-smoothing: antialiased;

【讨论】：