IE10 не делает резкие шрифты для моего сайта?

Question

Я создаю сайт с Dreamweaver и заметил, что IE (у меня IE10 на Win8) не делает мои шрифты такими же острыми, как Chrome, см. Примерное изображение. Firefox тоже не работает. эта проблема гораздо заметнее при использовании небольшого жирного текста.

Вот пример для 14px Arial жирным:

CSS:

body { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 13px; 
} 
.bold { 
    font-weight: bold; 
} 

HTML:

<span class="bold">Hello</span> 

Может быть, проблема в браузере и не стиль, но есть ли ny решение сделать сайт проще на глазах посетителя?

Answer 1

Давайте приближать для более близкий взгляд на ваших примерах:

Chrome:     Firefox:     IE:

Обратите внимание, что Chrome и Firefox явно с помощью subpixel rendering (ака ClearType), а IE - нет. Разница, вероятно, сводится к пользовательским настройкам (или настройкам по умолчанию для браузера/ОС, если пользователь не изменил их).

В частности, в то время как Chrome и Firefox выполняют собственный рендеринг текста, IE использует настройки текстового рендеринга ОС по умолчанию. Видимо, с Windows 8, ClearType has been disabled by default для приложений в стиле Metro, включая IE. Не спрашивайте меня, почему.

В любом случае, плохая новость заключается в том, что, как веб-разработчик, вы не можете многое сделать по этому поводу. На самом деле, вы даже не можете рассчитывать на то, что рендеринг субпикселя равен , не говоря уже о включенном, для всех пользователей — он работает только на определенных типах дисплеев. Вам просто нужно признать, что детали текстового рендеринга будут варьироваться между пользователями, в зависимости от множества вещей, таких как браузер, ОС, аппаратное обеспечение дисплея и пользовательские настройки.

Edit: Ну, хорошо, вы могли попробовать использовать что-то вроде Cufón, но это звучит как прихлопнул муху с кувалдой. В любом случае, если вы использовали для текст всего на своем сайте, я бы ожидал, что производительность будет довольно ужасной.