使用CSS平滑字体

您可以使用一些字体替换解决方案,例如 Cufón 但对于大文本块来说效率太低了。

如果你想改变浏览器的字体渲染,你可能不会太幸运,因为他们都有自己的文本渲染程序(但是看看 -webkit-font-smoothing 最新版本的Safari和Chrome)。

如前所述,有一个CSS属性用于 font-smooth -但我不确定这种支持有多广泛。这很可能是一个你必须在操作系统中调整的属性,或者字体本身,这意味着,当然,这只能是本地的。我知道Windows有一个名为 ClearType 它允许您调整消除混叠,以便与您的监视器一起工作。

正如BenAlpert提到的,字体替换解决方案 Cufon 或 TypeKit 标题文本的其他潜在解决方案。

实际上有一个称为文本呈现的CSS属性,它实际上在Firefox浏览器系列上工作。正如本所说,还有用于Safari和Chrome系列的WebKit字体平滑。我不知道文本呈现在Internet Explorer上是否有效,但这段代码工作得很好:

text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;

此外,如果您正在自定义浏览器:

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}