Почему мой шрифт выглядит намного лучше в IE9? - PullRequest
13 голосов
/ 26 апреля 2011

Я использую font-family: Myriad; font-size: 40px для некоторого текста.Я не могу поверить, что IE отображает шрифт в лучшем качестве!Гораздо лучше, чем Opera, Firefox и Chrome.

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

Вот демонстрация:

http://jsfiddle.net/55Ruh/3/

Попробуйте эту ссылку во всех браузерах.IE (самая новая версия, 9) показывает самый лучший и самый качественный текст, не так ли?

Ответы [ 2 ]

10 голосов
/ 26 апреля 2011

Проще говоря: это потому, что IE9 представляет новый механизм рендеринга шрифтов , который в значительной степени основан на том, что видели в реализации ClearType WPF . Его улучшенный движок лучше справляется с уменьшением зубчатых краев, благодаря чему шрифты выглядят более плавными и лучше, особенно при больших размерах.

Понимание деталей - и я хочу получить действительно технических - этот тип ClearType отличается от того, который видели в остальной части Windows, также известного как GDI ClearType (для графической библиотеки Windows GDI) ). Старый GDI ClearType - это тот, на котором версии большинства других браузеров для Windows основаны на их механизмах рендеринга шрифтов, что также делает шрифты действительно большими в больших размерах.

Следующий абзац из второй ссылки суммирует большую часть остального контента, что довольно хорошо объясняет, почему шрифты выглядят более гладко в новом движке IE9:

Значительным улучшением по сравнению с предыдущей версией ClearType является использование субпиксельного позиционирования. В отличие от реализации ClearType в GDI, ClearType в Windows Presentation Foundation (WPF) позволяет глифам начинаться внутри пикселя, а не только с его начальной границы. Из-за этого дополнительного разрешения в позиционировании глифов интервал и пропорции глифов более точны и последовательны.

См., В частности, раздел по Сглаживание в направлении Y со снимками экрана для сравнения. Другая цитата:

ClearType в Windows Presentation Foundation (WPF) обеспечивает сглаживание на уровне оси y, чтобы сгладить неровные края.

5 голосов
/ 26 апреля 2011

К "сделать текст таким же приятным, как в IE в других браузерах" , вы можете попробовать text-shadow.

text-shadow:0 0 1px #eee;

Демонстрационная версия: http://jsfiddle.net/simevidas/55Ruh/5/

...