CSS是否支持“清晰，锐利”等文本消除锯齿？

Question

我在Photoshop中有一些文字&它设置为“清晰”。当我把它放在我的网站上时，它看起来不太一样。

在CSS中是否存在任何可以让它变得清脆的东西？或不？

或者你有什么建议可以达到类似的效果吗？

Answer 1

它不仅是不可能的，但在市场上不同的浏览器执行不同的反锯齿设置，也就是说，你不能得到一致的结果，即使如果他们不是你想要的。

有关各个浏览器如何处理字体渲染一个很好的文章，我建议你阅读本：http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

Answer 2

Forcing anti-aliasing using css: Is this a myth?

Answer 3

你真正问的是：

“是否有可能从网络发展的角度控制抗锯齿？”无论如何，OS和浏览器供应商都开始给予这种发展控制（不要屏住呼吸），这个答案现在至少还有一段时间是未来的（至少有一段时间是未来的）。

• Forcing AA is a myth
• No way to smooth text
• Use images to simulate AA

Answer 4

这是我在一家大公司的网站上找到：

body, table, form { 
font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
background-color: transparent; 
color: #333; 
-webkit-font-smoothing: antialiased;} 

Answer 5

尝试这段代码

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