javascript - 使用 CSS 平滑字体

Question

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

哈克解决方案不是问题:)

Answer 1

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

如果您希望更改浏览器的字体渲染，您可能不会有太多运气，因为它们都有自己的文本渲染例程（但请查看-webkit-font-smoothingSafari 和 Chrome 的最新版本）。

Answer 2

如前所述，有一个 CSS 属性font-smooth- 但我不确定它的支持范围有多广。这很可能是您必须在操作系统或字体本身中调整的属性，这当然意味着这只是本地的。我知道 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;
}