Internet Explorer中丑陋的字体呈现

时间:2012-11-29 09:18:18

标签: html css internet-explorer firefox

是否有任何解决方法可以在Internet Explorer中进行难看的字体渲染 - Windows?

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

enter image description here

Here is a 100% crop:
左:IE
右:FF

1 个答案:

答案 0 :(得分:3)

页面非常复杂,并为不同的浏览器提供不同的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;
}

所以它只是Arial Bold,尺寸为13px,带有一定的蓝色背景和白色。在IE上,由于字体渲染算法的不同,有些笔画看起来比Firefox更厚,而且现在或在可预见的将来你无能为力,除非这可能会让你重新考虑字体和样式选择。 / p>

以下是您获得的内容(在Windows 7上生成;左侧是Firefox,右侧是IE):

enter image description here

如果你放大它以便像素变得可辨别,你会发现很多不同之处:

enter image description here