我正在尝试使用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
非常感谢您的帮助。
答案 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;