Странный рендеринг шрифтов в IE9 beta

Question

[anaheim2by]

Попутно работая над своим проектом, столкнулся со странной «отрисовкой» шрифтов в Internet Explorer 9.

Тень пала именно на работу браузера, так в остальных интернет-обозревателях, будь то Хром, Опера, либо даже восьмой Интернет Эксплорер — все выглядит отлично. Вот, наглядно в сравнении:





Мало того, при детальном рассмотрении проблемы, оказалось, что IE9 beta вдобавок своевольно сжал шрифт по ширине.








Также видим, что и сам фильтр сглаживания стал работать несколько иначе, если сравнивать с предыдущими версиями браузера.

А теперь, собственно, к вопросу то :-)

Да, понятно, что это бета, есть шанс что все еще поправится-исправится, но мало ли.

Да, одновременно с публикацией этой заметки пытаюсь отправить баг(?) в саппорт микрософта (тот еще квест, с постоянной установкой непонятно для чего дополнительных плагинов, без которых и сообщение в поддержку то не вышлешь).

И все-таки… Если кто-то уже сталкивался с подобной проблемой и, вдруг внезапно, знает ее решение — не поделитесь ответом?

_{И даже если знаете, что решения нет, то это тоже будет большой подмогой :-)}

Answer 1

[z0rc]

Так работает аппаратное ускорение через DirectWrite и растеризатор шрифтов в WPF. Повлиять на него возможности нет, он всегда будет отдавать другие метрики, чем GDI, по причине того, что используется разные методы сглаживания и хинтинга. Единственное решение — подстраиваться, делать вёрстку «более резиновой», не привязываясь к метрикам шрифтов (точнее длинам строк).

PS Также само сайт будет выглядеть в Firefox 4 с включённым ускорением через DirectWrite.

Comments

[leviathan]

Вот оно что… я из-за этого FF4 через полдня снес, вернулся на Xром — глаза режет, особенно когда на соседнем мониторе куча текста с нормальным сглаживанием.

[anaheim2by]

Да, по сглаживанию в целом понятно. Спасибо. Плюс тут нашел информацию о том, как оно работает в новой версии blogs.msdn.com/b/ie/archive/2010/11/03/sub-pixel-fonts-in-ie9.aspx

А вот с меню, что на скрине заметил еще одну странность :) Если в css для IE9 конкретно для этого меню font-weight изменить с bold на normal — то станет практически идентично как и в других браузерах с параметром bold.

Answer 2

[SwampRunner]

можно было без пиара сайта ;)

Answer 3

[pietrovich]

Где-то я уже это видел :D

Comments

[anaheim2by]

эх, ностальгия :)

Answer 4

[anaheim2by]

Любопытно, что по отрисовке шрифта в меню в IE9 он уж больно на Arial Black стал похож, хотя на сайте он нигде не используется (везде стандартный Arial).

Если новый фильтр сглаживания так его модифицирует — то очень странно. Просто размытие и bold такой радикальный эффект дать не должны.

Answer 5

[anaheim2by]

Ну и тег X-UA-Compatible решает данную проблему, хотя это не совсем честно по отношению к IE9

Comments

[anaheim2by]

причем даже меняет сам тип сглаживания шрифта на старый метод

Answer 6

[Ogra]

Что-то у вас не стыкуется.
В первом случае — буквы стали жирнее и шире, во втором же они стали худее.
Больше похоже на два разных бага — в первом случае Arial Black вместо Arial, во втором случае — другое сглаживание.

А аппаратное ускорение в FF я отключил из-за этого WPF — сглаживания.