html - Internet Explorer 中丑陋的字体渲染

Question

Internet Explorer - Windows 中的丑陋字体渲染是否有任何解决方法？

   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

这是 100% 的裁剪图：
左：IE
右：FF

Answer 1

该页面非常复杂，并且为不同的浏览器提供了不同的 CSS 规则。但字体渲染差异最终很简单，从这个意义上说，这个问题可能被视为是Mozilla Firefox 和 Internet Explorer 之间的字体差异的副本。

可以通过一个非常简单的设置来证明这种差异，其中 CSS 代码简化为以下内容：

a {
 padding: 1px 2px;
 color: #FFFFFF;
 background: rgb(38, 127, 234);
 font: 13px Arial;
 font-weight: bold;
}

所以它只是 13px 大小的 Arial Bold，带有一定的蓝色背景和白色。在 IE 上，由于字体渲染算法的差异，某些笔画看起来比 Firefox 上粗，现在或在可预见的将来，您对此无能为力，除非这可能会导致您重新考虑字体和样式的选择。

以下是您得到的（在 Windows 7 上生成；左侧是 Firefox，右侧是 IE）：

如果您放大它以使像素变得可辨别，您会看到很多差异：