带CSS的流畅字体

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

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

alt text

如果我没有错，我认为CSS3有一个'font-smooth：always;'属性。我还没有尝试过，所以我不能评论它的有效性。 – 2010-06-20 02:56:49

看看这里（相同的主题）：http://stackoverflow.com/questions/11487427/font-smoothing/11493510 – Sliq 2013-05-16 23:16:32

你可以使用像Cufón页眉某些字体替代解决方案，但它太低效使用大段的文字。

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

2010-06-20 02:56:18

那么它可能只需要大字体的东西，所以大块文本不会是一个问题。为什么Cufon如此高效？ – 2010-06-20 02:59:36

这不是特别低效，只是使用浏览器的原生文本呈现例程总是比使用使用Canvas或SVG显示文本的自定义JavaScript库更快。 – 2010-06-20 03:02:54

如前所述，有一个用于font-smooth的CSS属性 - 但我不确定它支持多大。这很可能是您必须在您的操作系统或字体本身中进行调整的属性，当然这只意味着本地。我知道Windows有一个名为ClearType的功能，它允许您调整抗锯齿以便与显示器配合使用。

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

2010-06-20 03:05:48

实际上有一个名为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; 
}

2015-10-12 12:12:39 Juan

回答