Загруженные на Windows шрифты выглядят очень плохо. Какие шрифты вы используете для визуализации лучше?

РЕДАКТИРОВАТЬ : Проблема была в том, что у меня не было "Cleartype" включен в моих настройках на Vista. Этот вопрос может не иметь большого значения, если у вас установлен / включен Cleartype в ОС Windows.

В сети появился новый типографский ветер, благодаря которому свойство font-face CSS3 может загружать шрифты, отличные от набора ОС / системы. Мой Mac отлично отрисовывает многие, а мой компьютер с Windows - нет. Какой набор шрифтов следует использовать, чтобы он лучше отображался в Windows?

Это похоже на вопрос о переполнении стека.

И вот пример веб-сайта, который плохо выглядит на ПК с Myriad Pro: http://css-tricks.com/

ПРИМЕЧАНИЕ. Я не говорю о разнице в сглаживании между версиями браузера (например, между IE9 и IE6).

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

Например, на данный момент «League Gothic, 30px» выглядит следующим образом:

Это должно быть комментарием (следовательно, и это CW), но я думаю, что в этом вопросе есть некоторые недоразумения и неправильные предположения. Поскольку вы, очевидно, хотите, чтобы на этот вопрос был дан ответ (вы все-таки предложили вознаграждение), вот мои два цента.

Из вашего скриншота мне кажется, что вы настроили Windows на регулярную визуализацию шрифтов (в отличие от субпиксельного рендеринга), и, возможно, ваш браузер не выполняет сглаживание (возможно, но тогда оно пропало со сжатием JPG).

Следующие примеры, относящиеся к окнам, взяты из XP Pro SP 3, поэтому можно с уверенностью предположить, что ситуация, по крайней мере, находится на том же уровне в Vista & 7.

В Windows есть (в XP) варианты использовать ClearType или нет. Без ClearType шрифты отображаются как на скриншоте. Это сильно увеличенное изображение в диалоге Windows без CT:

Вы видите, что это двоичная операция: пиксель черный или прозрачный. Теперь с некоторыми современными браузерами даже без CT, они делают некоторое сглаживание. Это с css-tricks.com с Windows XP и Chrome 8 и CT выключен (как это было на предыдущем рисунке):

Видишь что случилось? Вероятно, вы уже сделали, как вы заявили в своем вопросе.

ПРИМЕЧАНИЕ. Я не говорю о разнице сглаживания, которая существует между новыми браузерами и старыми (например, между IE9 и IE6).

Теперь ClearType !

Вот точно такой же текст из диалога Windows, на этот раз с CT:

Если вам интересно, на чем это основано, см. Статью в Википедии о субпиксельном рендеринге . И влияет ли включение ClearType на рендеринг браузера? Тот же «другой» текст в Windows XP и Chrome 8 и ClearType включен:

Оно делает! И пока мы на этом, я мог бы добавить, что (по крайней мере) IE 8 использует рендеринг ClearType, даже если он отключен на уровне Windows.

Сравнение текста с сглаживанием и ClearTyped на 100% не так радикально, как сравнение текста с сглаживанием и не сглаженного. Это заметно смелее, хотя:

аа: CT:

Чтобы увидеть, как это выглядит без сглаживания, просто посмотрите на скриншот littlemad .

И для сравнения вот тот же «другой» в рендеринге по умолчанию в OS X: даже более смелый, чем ClearType.

Чтобы ответить на ваш вопрос: любой шрифт . Если ваша операционная система отображает шрифт по-другому, это может быть из-за того, что вы настроили свою операционную систему для отображения шрифтов так . ИЛИ может быть, ваш браузер не поддерживает сглаживание или ClearType.

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

И вот также ответ на часто задаваемый вопрос: «Да, я знаю все это - почему ClearType выглядит иначе, чем рендеринг OS X ?!»

Потому что они разные. Субпиксельный рендеринг не легкая вещь для реализации. ClearType является зарегистрированным товарным знаком Microsoft и защищен 10 патентами (ожидается + 1; см. Википедию ). Они просто не могут быть одинаковыми.

Если проблема совпадает с вопросом Stackoverflow, на который вы ссылаетесь, то ответ тоже не тот же ?

Это проблема Хинтинга .

Когда вы генерируете свой набор шрифтов (как в FontSquirrel), вы должны указать Hinting в опциях Expert.

Выберите Expert и в разделе Rendering выберите:

Apply Hinting - улучшить визуализацию Win.

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

Это не имеет ничего общего с браузером, а с самими окнами.

* nix-системы (unix / linux и OSX включены в этот список, потому что у них есть база Unix) имеют возможность точного управления отображением текста и, как правило, настроены на субпиксельный рендеринг (что имеет гораздо более техническое объяснение, чем то, что я Я собираюсь дать вам, но он по существу использует подпиксели (красная, зеленая и синяя части пикселей вашего экрана) для визуализации текста), где Windows использует cleartype, который является его собственным типом рендеринга, что я немного нечётко на механике.

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

Включение ClearType в Windows XP:

1) Следуйте этим инструкциям: http://blogs.msdn.com/b/virtual_pc_guy/archive/2011/10/05/enabling-cleartype-on-windows-xp-mode.aspx

2) Теперь следуйте этому на своем IExplorer: http://www.microsoft.com/typography/cleartype/tuner/step1.aspx

Используйте приведенный ниже код в CSS

-webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

Это может помочь вам