CSS是否支持文本抗锯齿，例如“清脆，锐利等”？

Question

我在Photoshop中有一些文字＆amp;它被设置为“清脆”。当我把它放在我的网站上时它看起来不太一样。

CSS中是否存在任何可用于使其清晰的内容？或者不是？

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

Answer 1

不仅不可能，而且市场上不同的浏览器强制执行不同的抗锯齿设置，这意味着即使它们不是您想要的，也无法获得一致的结果。

有关各种浏览器如何处理字体呈现的好文章，我建议您阅读：http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

Answer 2

这是我在一家大公司的网站上发现的：

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 3

你真正要问的是：

“是否可以从Web开发的角度控制抗锯齿？”

目前的答案，以及至少未来一段时间（直到OS /浏览器供应商开始提供这种发展控制[不要屏住呼吸]）无可否认：不。

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

Answer 4

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

Answer 5

试试此代码段

 body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}