IE10 不会为我的网站呈现清晰的字体？答案

【问题标题】：IE10 doesn't render sharp fonts for my website?IE10 不会为我的网站呈现清晰的字体？
【发布时间】：2013-11-02 22:57:00
【问题描述】：

我正在使用 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>

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

【问题讨论】：

字体渲染没有单一的标准。
我也遇到了同样的问题，你无能为力。它是 IE 渲染引擎。
Rendering font differs from IE compared to FF and Chrome的可能重复
我在 SO 上搜索了一下，发现了这个问题：stackoverflow.com/questions/8721800/…。在其中一个答案中，它说 qufon 在每个浏览器中呈现相同的字体，可能值得研究。
如果你试图纠正这个问题，你很可能最终会追尾，没有什么可以说 IE11 不仅仅是移动球门柱（其他可用的隐喻根据要求)

【解决方案1】：

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

铬：火狐：即：

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

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

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

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

【讨论】：

感谢 cmets，您是指我使用 Cufon 时的性能吗？大多数 Web 开发人员如何处理这个问题？有更好的字体类型或推荐的最小字体大小吗？
是的，“糟糕的表现”是指对所有文本使用 Cufón（不是我曾经尝试过，但这是我所期望的）。无论如何，大多数开发人员所做的只是接受字体渲染中的这种变化作为事实，并尝试选择在大多数浏览器上看起来相当不错且可读的字体设置。总会有一些用户的显示设置让你觉得很糟糕，他们中的一些人甚至可能喜欢这种方式——例如，一些视力不佳的人实际上发现完全禁用抗锯齿 让他们更容易阅读文本。