Google Web字体抗锯齿问题

时间:2012-12-18 16:44:19

标签: css3 fonts google-webfonts

我正在尝试使用Google网络字体中的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

非常感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

我知道这已经很老了,你现在已经通过了这个,但对于那些来搜索的人来说......

如果问题只是webkit,那么你可能会对你的-webkit前缀有所帮助,但我通常没有使用subpixel。与-webkit-font-smoothing: antialiased;

一样

对于IE和其他非webkit浏览器的问题,这不会有帮助。对于那些,尝试重新排序您的webfonts与svg作为第一个选项。或者你可以尝试完全省略它。这通常可以解决我遇到的任何问题,如果你可以侥幸逃脱,尝试摆脱iefix,以及可能导致ie10问题。如果你不能尝试将那个移动到列表中,如果你不支持旧的ie。

答案 1 :(得分:0)

How to apply font anti-alias effects in CSS?

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

    -webkit-font-smoothing: antialiased;