проблема шрифта в IE8

Question

Я начал использовать font-face для сайта.Я включил бесплатный шрифт Fontsquirrel под названием Chunk Five (http://www.fontsquirrel.com/fonts/ChunkFive), который поддерживает IE (шрифт EOT).

Однако, когда я его реализую, некоторые буквы выглядят «сжатыми», что дает емуочень уродливый вид.

Вот как это выглядит в Chrome (с текстовой тенью):

Вот как это выглядит в IE8:

e, m и s выглядят ужасно.

Это проблема со шрифтом? Или CSS, который я использую? Или IE8?

Answer 1

Опытным путем я обнаружил, что добавление фильтра MS, даже поддельного, будет отображать текст с совершенно другим уровнем качества. Возможно, потому что он запускает визуализацию DirectX поверх ClearType или что-то в этом роде.

Просто попробуйте добавить это в свой CSS и посмотрите результаты:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(stupidIE);

Answer 2

Я думаю, что это связано с нечетными размерами шрифта.Попробуйте применить четный размер шрифта, и рендеринг должен быть правильным.

Answer 3

Может быть добавить тень с JS?CSS:

h1,  h2{ text-shadow: 2px 2px 2px #ddd;}

Добавить Jquery:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>

Добавить файл сценария:

<script src="js/jquery.textshadow.js" type="text/javascript"></script>

Код JS:

<script type="text/javascript">
// <![CDATA[
    jQuery(document).ready(function(){
        jQuery("h1, h2").textShadow();
    })
// ]]>
</script>

Jquery shadowПлагин вы можете найти здесь http://plugins.jquery.com/project/textshadow