Internet Explorer 中丑陋的字体渲染答案

【问题标题】：Ugly font rendering in Internet ExplorerInternet Explorer 中丑陋的字体渲染
【发布时间】：2012-11-17 07:50:02
【问题描述】：

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

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

【问题讨论】：

是我还是IE更好看？！
您是否在实际具有 Helvetica Neue 或 Helvetica 的 Windows 系统上进行测试？屏幕截图中的哪些文本受font-family 设置的影响？文本的其他设置是什么，例如字体大小？
@JukkaK.Korpela 例如“Kúpiť”，我认为字体粗细太粗了。我正在尝试使用 Windows 7，没有安装其他字体。字体粗细：粗体；文本阴影：0 -1px 0 rgba(0, 0, 0, 0.4) 。网站：bit.ly/SrP5w8
看看€-Sign...这些不是同一种字体...您甚至使用@font-face吗？
我猜 Nirazul 是对的。我猜右边的 FF 预览是 Mac 的预览，因为它似乎在右边一种字体是 helvetica 而在左边它是 arial。

【解决方案1】：

页面非常复杂，给不同的浏览器提供了不同的CSS规则。但是字体渲染差异最终非常简单，从这个意义上说，这个问题可能被视为与例如的重复。 Font differences between Mozilla Firefox and Internet Explorer.

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

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

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

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

如果你放大它以使像素变得可辨认，你会看到相当多的差异：

【讨论】：