网页的字体渲染

Question

创建网页时，我总是遇到同样的问题。当我添加一个大于16-18px的字体时，它看起来很糟糕。它的锯齿状和像素化。我尝试过使用不同的字体和重量，但我没有太多运气。

注：它只在窗户中，它是这样的。主要在Opera和FF中也在IE7中，但还不算差。在Linux中，字体看起来不错。我没有看过Mac。

你们如何解决这个问题？如果有什么。我注意到这里的标题也很不规则，但它们很小，不会看起来不好。

Answer 1

没有办法强制用户更改操作系统呈现字体的方式。如果对你来说这是一件大事，那么你可以用图像替换大标题，这允许你精确地控制字体如何呈现（并确保标题看起来完全如你所愿，即使用户没有你的建议字体安装）。

如果您这样做，请确保您为没有看到图像的人提供替代文字表示。我倾向于使用CSS来显示背景图像，并隐藏标题的内容。喜欢这个。

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

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

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

说实话，这看起来似乎是矫枉过正，如果它是所有大型文本。并且请注意，它会增加客户需要下载的数据量。但是，对于大标题，此方法可能会导致看起来比OS渲染文本更好的东西。

Answer 2

启用抗锯齿应解决显示问题。

Answer 3

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

Answer 4

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