Question

安装Internet Explorer 9后，我发现在许多网站上，字体看起来像是压缩的。在我的网站上也一样。刚刚发现这是一个doctype问题。多年来我一直在我的网站上使用这个doctype：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

现在，使用此doctype所有字体的最新版Internet Explorer显示错误。

我创建了2个文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>Test</title>
</head>
<body>
<span style="font-family:verdana;font-size: 11px;"><b>This is my test text. I am testing fonts.</b></span><br />
</body>
</html>

和

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Test</title>
</head>
<body>
<span style="font-family:verdana;font-size: 11px;"><b>This is my test text. I am testing fonts.</b></span><br />
</body>
</html>

第一个文件中的所有字体看起来都是扭曲的，压缩的。第二个文件中的字体都可以。我从不使用Internet Explorer，因为它只不过是一个大而慢的bug。但也有一些人使用IE浏览器，现在他们看到了扭曲的网站。有什么方法可以解决这个问题吗？

这是一张图片，可以看到差异 enter image description here

Answer 1

这是在Internet Explorer 9中正确显示字体的临时解决方案。

<meta http-equiv="X-UA-Compatible" content="IE=8" />

Answer 2

我不会使用该字体标记，而是使用CSS来查看问题是否仍然存在。像这样：




body {
font-family: tahoma;
font-size: 11px;
}

Answer 3

当你说字体被扭曲和压缩时，你的意思是它们是模糊的吗？如果是这样，我认为这个问题的链接可能会有所帮助：IE 9 does not use sub-pixel antialiasing under certain conditions

在Internet Explorer 9中，所有字体看起来都像是压缩的

3 个答案: