使用CSS平滑字体

Question

如何获得流畅的字体？我不希望边缘看起来都模糊不清。

Hacky解决方案不是问题：）

Answer 1

您可以使用某些字体替换解决方案（如Cufón）作为标题，但使用大块文本效率太低。

如果您想要更改浏览器的字体渲染，您可能没有太多运气，因为它们都有自己的文本渲染例程（但是对于最新版本的Safari和Chrome，请查看-webkit-font-smoothing）。

Answer 2

如前所述，font-smooth有一个CSS属性 - 但我不确定这支持的范围有多广。这很可能是您必须在操作系统中调整的属性，或者字体本身，当然，这只是本地的。我知道Windows有一个名为ClearType的功能，可让您调整消除锯齿功能，以便与显示器配合使用。

正如Ben Alpert所提到的，Cufon或TypeKit等字体替换解决方案是标题文本的其他潜在解决方案。

Answer 3

实际上有一个名为text-rendering的CSS属性，它实际上适用于Firefox系列浏览器。 Ben说，Safari和Chrome系列还有-webkit-font-smoothing。我不知道文本呈现是否适用于Internet Explorer，但这段代码非常合适：

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

另外，如果您要自定义浏览器：

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