IE9字母间距问题

在FF（3x，4x），Chrome，IE（6,7,8）中，我有一个呈现正常的页面。在IE9上测试时，文本更宽。调查问题看来，文本实际上呈现的字母比其他地方更宽松。将字母间距更改为-0.6px时，文本呈现正常，与其他浏览器类似。此外，当渲染模式更改为“兼容性视图”时，页面看起来很好。你知道是什么原因造成了渲染模式的变化吗？我使用条件评论“解决”了这个问题，但我对它并不是很满意

<!--[if IE 9]>
<style>
    * {letter-spacing: -0.6px;}
</style>
<![endif]-->

是否存在其他方法来解决问题？编辑我在不同的机器和不同的浏览器上制作了一些截图，结果可以在这里看到如您所见，在具有不同浏览器的不同计算机上，结果是相同的。唯一呈现不同的是标准模式下的IE9。源页面是

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
    body {margin:0;padding:0;}
</style>
</head>
<body>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc semper.
</body>
</html>

已邀请:

9 个回复

朗排谎纷瘟

它可能与向上/向下舍入有关。使用十分之一px是一件很奇怪的事情，因为除非你知道舍入将如何进行，否则你不能在屏幕上获得少于一个像素。无论如何，你不能依靠IE获得任何正确的东西。

佃蒜狗掂哥

尝试使用Internet Explorer 8和Firefox时这样做：

letter-spacing:0.49px;
letter-spacing:0.88px !ie;

MSIE将第一个字母间距置于0px并忽略第二个规则。 Firefox将读取第二条规则并使用它而不是第一条规则。然后，为了补偿，您可以使用相同的技巧，并在MSIE中为您的文本添加更多水平填充，即您在Firefox中提供的内容。当然，与其他浏览器进行进一步测试！

亨尖玛次酥

现在要考虑的另一件事是，自从你提出这个问题已经七个月了，从2011年6月开始，FireFox的第5版开始了快速发布时间表。它们现在已达到版本8并且作为快速测试，我看到FireFox的版本7和8都使用IE9渲染文本几乎完全像素。相比之下，Chrome似乎“压扁”，因为字距更加严格，Chrome中的清晰类型渲染（在我看来）比IE9和FF7 / 8都要严格。你不会保证跨浏览器匹配的字体渲染，更不用说跨平台了。我看过的所有浏览器默认为（在Windows上）Times New Roman，16pt文本用于“正常”显示。如果您的应用程序需要将文本呈现为所有用户，所有浏览器，所有平台的匹配级别，则将其呈现为图像并对其进行缓存。