css - IE10 不会为我的网站呈现清晰的字体？

Question

我正在使用 Dreamweaver 构建网站，并注意到 IE（我在 Win8 上安装了 IE10）不会使我的字体像 Chrome 那样清晰，请参见示例图片。Firefox 也有点过时了。当使用小粗体文本时，这个问题会更加明显。

这是14px arial 粗体的示例：

CSS：

body { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
.bold {
    font-weight: bold;
}

HTML：

<span class="bold">Hello</span>

也许问题出在浏览器上而不是样式上，但有什么解决方案可以让访问者更容易看到网站吗？

score 3 · Accepted Answer

让我们放大以仔细查看您的示例：

铬：在此处输入图像描述火狐： IE：

请注意，Chrome 和 Firefox 显然在使用亚像素渲染（又名ClearType），而 IE 则没有。差异可能归结为用户设置（或浏览器/操作系统默认设置，如果用户没有更改它们）。

特别是，Chrome 和 Firefox 进行自己的文本渲染，而 IE 使用操作系统的默认文本渲染设置。显然，从 Windows 8 开始，ClearType 已默认禁用Metro 风格的应用程序，包括 IE。不过，不要问我为什么。

无论如何，坏消息是，作为一名 Web 开发人员，您对此无能为力。事实上，你甚至不能指望亚像素渲染是可能的，更不用说为所有用户启用了——它只适用于某些类型的显示器。你真的只需要接受文本渲染的细节会因用户而异，这取决于浏览器、操作系统、显示硬件和用户设置等许多因素。

编辑：好吧，你可以尝试使用类似Cufón的东西，但这听起来像是用大锤敲打苍蝇。无论如何，如果您将它用于您网站上的所有文本，我预计性能会非常糟糕。

1 回答 1