Internet Explorer中的字体渲染效果不佳

Question

有没有办法解决Windows下Internet Explorer的字体渲染问题？

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

这是100%的裁剪:
左边: IE
右边: FF

（注：IE和FF分别代表Internet Explorer和Firefox浏览器）

- Adrian

---

IE的样式是不是比其他浏览器更好看？ - danwellman

您正在测试拥有Helvetica Neue或Helvetica的Windows系统吗？屏幕截图中哪些文本受到font-family设置的影响？这些文本的其他设置如字体大小是什么？ - Jukka K. Korpela

例如@JukkaK.Korpela的“Kúpiť”，我认为字体加粗太多了。我正在Windows 7上尝试，没有安装其他字体。font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4)。网站：http://bit.ly/SrP5w8 - Adrian

看看这个欧元符号... 这些不是同样的字体... 你甚至使用了 @font-face 吗？ - nirazul

@Tarun 不，它是同一台机器。在 Mac 上，文本呈现很好。 - Adrian

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;
}

所以，这只是Arial Bold字体，大小为13px，有一定的蓝色背景和白色颜色。在IE中，由于字体渲染算法的差异，一些笔画看起来比Firefox中更粗，现在或可预见的将来都无法解决，除非您考虑重新考虑字体和样式选择。

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

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

- Jukka K. Korpela