In Internet Explorer 9 all fonts look like compressed_问答_开发者

In Internet Explorer 9 all fonts look like compressed

开发者 https://www.devze.com 2023-03-18 19:57 出处：网络

After installing Internet Explorer 9 I discovered that on many websites fonts look like compressed. The same on my webstes. Just discovered that this is a doctype problem. For years I was using this d

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

Now the latest version of Internet Explorer with this doctype all fonts displays wrong.

I created 2 files:

<!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>

and

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0开发者_如何学Python1 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>

All fonts in the first file look distorted, compressed. Fonts in the second file are OK. I never use Internet Explorer because it's nothing more than a big and slow bug. But there are some people who use IE and now they see distorted websites. Is there any way how to solve this problem?

Here is an image to see the difference

In Internet Explorer 9 all fonts look like compressed

This is a temporary solution to display fonts correctly in Internet Explorer 9.

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

I wouldn't use that font tag, use CSS instead and see if the problem still exists. Something like this:




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

When you say the fonts are distorted and compressed, do you mean that they are blurry? If so, I think the links on this question may be helpful: IE 9 does not use sub-pixel antialiasing under certain conditions