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

【问题标题】：In Internet Explorer 9 all fonts look like compressed在 Internet Explorer 9 中，所有字体看起来都像是压缩的
【发布时间】：2011-10-01 11:21:45
【问题描述】：

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

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

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

我创建了 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，因为它只不过是一个大而缓慢的错误。但是有些人使用 IE，现在他们看到的网站被扭曲了。有什么办法可以解决这个问题吗？

这里有一张图片可以看出区别

【问题讨论】：

您能否尝试将 STYLE 元素中的内容添加到 css 文件中，并将 STYLE 替换为引用它的 LINK 元素？
相关？ paulstovell.com/ie9
FWIW，它们在 IE7 中看起来完全一样。
是的，它们在 IE 7 中看起来相同，但在 IE 9 中却不同
听起来是因为 IE9 中的新亚像素字体：blogs.msdn.com/b/ie/archive/2010/11/03/…

标签： html internet-explorer-9

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我不会使用那个字体标签，而是使用 CSS，看看问题是否仍然存在。像这样的：

身体 { 字体系列：tahoma；字体大小：11px； }

【讨论】：

我只是更改了示例并添加了图像。我在我的网站上使用 css 文件，也有同样的问题。

【解决方案3】：

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

【讨论】：

我刚刚在我的问题中添加了一张图片。