Question

我正在使用Dreamweaver构建一个网站，并注意到IE（我在Win8上安装了IE10）并没有像Chrome那样呈现我的字体，请参见示例图片。 Firefox也有点过时了。使用小粗体文本时，这个问题更加引人注目。

以下是 14px arial bold 的示例：

CSS：

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

HTML：

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

问题可能在于浏览器而不是风格，但有没有任何解决方案可以让访问者更容易看到网站？

Answer 1

让我们放大一下您的示例：

Chrome： enter image description here Firefox： IE：

请注意，Chrome和Firefox明显使用subpixel rendering（a.k.a。ClearType），而IE则不然。差异可能取决于用户设置（或浏览器/操作系统默认设置，如果用户没有更改它们）。

特别是，当Chrome和Firefox进行自己的文本渲染时，IE会使用操作系统的默认文本渲染设置。显然，自Windows 8起，ClearType has been disabled by default用于Metro风格的应用程序，包括IE。不过，不要问我为什么。

无论如何，坏消息是，作为一名网络开发者，你可以做很多事情。实际上，对于所有用户来说，你甚至不能指望亚像素渲染可能，更不用说启用了 - 它只适用于某些类型的显示器。你真的必须接受文本呈现的细节会因用户而异，具体取决于浏览器，操作系统，显示硬件和用户设置等诸多内容。

编辑嗯，好吧，你可以尝试使用像Cufón这样的东西，但这听起来像是用大锤拍打苍蝇。在任何情况下，如果您在网站上使用所有文本，我会期望性能非常糟糕。