创建网页时，我总是遇到相同的问题。当我添加一个较大的字体，然后大约16-18px时，它看起来很糟糕。其参差不齐，像素化。我尝试使用不同的字体和粗细，但是在那里我没有太多的运气。

注意：它仅在Windows中是这样的。主要在Opera和FF中也出现在IE7中，但还不如它差。在Linux中，字体看起来不错。我没有看过Mac。

你们做了些什么来解决这个问题？如果有什么。我注意到，SO上的标题也有些参差不齐，但它们足够小，不会显得很糟糕。

解决方案

回答

启用抗锯齿功能可以解决显示问题。

回答

除了抗锯齿之外，请尝试启用清除类型。

回答

在Windows上，启用ClearType将解决此问题。但是，我们不能强迫用户使用它。这不是浏览器问题；它不是浏览器问题。这是操作系统的字体平滑方法。

回答

我们无法执行任何强制用户更改其操作系统呈现字体的方式的操作。如果这对我们来说很重要，则可以用图像替换大标题，这使我们可以精确控制字体的呈现方式(并确保标题看起来完全符合期望，即使用户没有建议也是如此)字体安装)。

如果这样做，请确保为看不见图像的人提供替代的文本表示形式。我倾向于使用CSS来显示背景图像，并隐藏标题的内容。像这样。

<style>
    h1
    {
        height: 32px;
        width: 100px;
        background: url("path/to/image")
    }

    h1 span
    {
        display: none;
    }
</style>

<h1>
    <span>
       Heading Text
    <span>
</h1>

老实说，如果在所有大文本上都这样，那似乎有点过头了。并且请注意，这将增加客户端需要下载的数据量。但是，对于较大的标题，此方法可能会导致看起来比OS呈现的文本更好的东西。