В Internet Explorer 9 все шрифты выглядят как сжатые - PullRequest
1 голос
/ 08 июля 2011

После установки Internet Explorer 9 я обнаружил, что на многих сайтах шрифты выглядят сжатыми.То же самое на моих сайтах.Просто обнаружил, что это проблема типа.В течение многих лет я использовал этот тип документа на своих сайтах:

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

Теперь последняя версия 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, потому что это не более чем большая и медленная ошибка.Но есть некоторые люди, которые используют IE, и теперь они видят искаженные сайты.Есть ли способ, как решить эту проблему?

Вот изображение, чтобы увидеть разницу enter image description here

Ответы [ 3 ]

1 голос
/ 09 июля 2011

Это временное решение для правильного отображения шрифтов в Internet Explorer 9.

<meta http-equiv="X-UA-Compatible" content="IE=8" />
0 голосов
/ 08 июля 2011

Когда вы говорите, что шрифты искажены и сжаты, вы имеете в виду, что они размыты? Если это так, я думаю, что ссылки на этот вопрос могут быть полезны: IE 9 не использует субпиксельное сглаживание при определенных условиях

0 голосов
/ 08 июля 2011

Я бы не использовал этот тег шрифта, вместо этого использовал бы CSS и посмотрел, существует ли проблема до сих пор.Как то так:




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


...