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

【问题标题】：Does CSS support text anti-aliasing such as "crisp, sharp etc" yet?CSS 是否支持文本抗锯齿，例如“清晰、锐利等”？
【发布时间】：2011-08-14 05:55:54
【问题描述】：

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

CSS 中是否存在任何我可以用来使其清晰的东西？还是不行？

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

【问题讨论】：

标签： text css antialiasing

【解决方案1】：

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

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

【讨论】：

【解决方案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;}

【讨论】：

-webkit-font-smoothing：抗锯齿；-moz-osx-font-smoothing：灰度； Windows 不支持它

【解决方案3】：

你真正要问的是：

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

目前以及至少在未来一段时间内（直到操作系统/浏览器供应商开始给予这种开发控制 [不要屏住呼吸]），答案无疑是：不。

【讨论】：

除了不能对（知情的）最终用户施加太多压力之外，用于控制文本呈现的 CSS 并没有得到很好的支持，我上次检查（诚然不久前）。如果它还没有，大概有一天它会得到很好的支持，然后你就会拥有你想要的东西，至少对于那些有兴趣以你想要的方式查看事物的人来说。

【解决方案4】：

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

【讨论】：

【解决方案5】：

试试这个代码sn-p

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

【讨论】：

这在任何现代浏览器中都不起作用，因此投反对票。