css - 为浏览器渲染文本边缘

Question

嗨，当我使用 Photoshop 时，字体非常流畅，看起来没有像素化。现在我已经在许多不同的网站上看到了这一点，字体非常流畅，而且看起来一点也不像素化。

我想知道是否有一个属性或其他东西可以用来使 css 中的文本平滑。

例如---> http://css-tricks.com/forums/discussion/10533/text-smoothing/p1

看看它在哪里说“[已解决]文本平滑”，我如何在不必使字体太大的情况下获得平滑的文本，我在我的网站上使用“Arial Black”字体。

Answer 1

如链接中所述，您共享的字体平滑度很大程度与显示该类型的浏览器或操作系统有关。

例如，Windows 使用 ClearType 技术来帮助平滑字体。然而，在 Windows 机器上，字体在每个浏览器中看起来会略有不同。在跨主要浏览器测试各种站点时，我注意到了这种效果。

关于“通用”字体（默认情况下包含在大多数机器中）的另一件事是，基本字体可能与操作系统等略有不同。因此，您可以在您的网站上查看自定义 CSS3 字体，以便您知道支持自定义字体的用户将具有非常相似的外观。

如果您打算使用其中一种网络安全字体，我建议您测试各种字体粗细，看看其中一种字体在大多数浏览器中的渲染效果是否特别好。由于字体权重与屏幕上的近似大小直接相关，这将影响正在使用的像素，并且某些权重可能在 ClearType 和相关字体平滑技术中表现不佳。

否则，我会尝试找到类似 Arial 的东西。