1

我正在尝试使用 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

非常感谢您的帮助。

4

2 回答 2

0

如何在 CSS 中应用字体抗锯齿效果？

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

    -webkit-font-smoothing: antialiased;
于 2013-09-30T17:11:03.383 回答
0

我知道这已经很老了，此时您已经通过了，但是对于其他任何来搜索的人...

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

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

于 2013-09-30T16:44:50.410 回答