Javascript 使用CSS平滑字体

如何获得平滑字体？我不想让边缘看起来很模糊

黑客解决方案不是问题：）

---

您可以使用一些字体替换解决方案，如标题，但对于大文本块来说，这太低效了

---

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

-webkit字体平滑）。
如前所述，
font-smooth
有一个CSS属性，但我不确定它的支持范围有多广。这很可能是您必须在操作系统中调整的属性，或者字体本身，当然，这意味着它只能是本地的。我知道Windows有一个名为的功能，它允许您调整消除混叠以与显示器配合良好

正如Ben Alpert所提到的，字体替换解决方案，例如或是标题文本的其他潜在解决方案。
实际上有一个称为文本呈现的CSS属性，它实际上在Firefox系列浏览器上工作。正如本所说，Safari和Chrome系列还提供了-webkit字体平滑功能。我不知道文本渲染在Internet Explorer上是否有效，但这段代码非常有效：

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

此外，如果要自定义浏览器，请执行以下操作：

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

如果我没有弄错的话，我认为CSS3有一个
字体平滑：总是属性。我还没有亲自尝试过，所以我不能评论它的有效性。看看这里（同一个主题）：可能只有大字体的东西才需要它，所以大的文本块不会成为问题。为什么Cufon如此高效？它并不是特别低效，只是使用浏览器的原生文本呈现例程总是比使用使用画布或SVG显示文本的自定义JavaScript库快。