如何在CSS中应用字体反别名效果？

我们怎样才能在CSS中应用像Photoshop那样的清晰，锐利，强壮，stream畅的字体反锯齿？

这些支持所有浏览器？

Answer 1

在这里你去先生:-)

1

.myElement{ -webkit-font-smoothing: antialiased; } 

2

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

更新:(见公爵）

  .myElement{ text-shadow: rgba(0,0,0,.01) 0 0 1px; } 

Answer 2

简短的回答：你不能。

CSS没有影响浏览器中字体渲染的技术， 只有系统可以做到这一点。

显然，文本清晰度可以通过像素密集的屏幕轻松实现，但是如果您使用的是普通的PC，那将很难实现。

有一些较新的字体是光滑的，但牺牲了它看起来有点模糊（例如，看大多数Adobe的字体）。 不过，您也可以在Google Fonts中find一些stream畅但模糊的devise字体。

虽然这些技术的一致性，性能和可靠性在很大程度上不同，但是您通常不应该过多地依赖它们，所以有一些新的CSS3技术用于字体渲染和文本效果。

Answer 3

运作最好。 如果你想在整个网站上使用它，而不必将这个语法添加到每个类或ID，那么将下面的CSS添加到你的css主体：

 body { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); background: url('.http://img.dovov.combackground.png'); text-align: left; margin: auto; }