为浏览器渲染文本边缘

Question

嗨，当我使用photoshop时，字体非常平滑，看起来没有像素化。现在我已经在许多不同的网站上看到了这一点，字体是多么平滑，看起来一点都不像像素。

我想知道是否有一个属性或者什么可以用来使css中的文本平滑。

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

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

Answer 1

正如你分享的链接中提到的，字体的流畅度在很大程度上与显示文字的浏览器或操作系统有关。

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

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

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

否则我会试着找一个看起来像Arial的。