Ну оказал WebFont решение

Question

Задача:

Предоставление динамических веб-шрифтов, которые делают благоугодно во всех основных браузерах, устройств и операционных систем

История:

Так что я имел использовал cufon или sifr в прошлом и с тех пор отказался от обоих в пользу @ font-face. После использования @ font-face в производстве в течение некоторого времени я сделал ужасное открытие. Многие шрифты (большинство?) Выглядят как дерьмо в Windows XP, независимо от браузера. Даже в google хром XP делает шрифты неприемлемо зазубренными и уродливыми.

Я знаю, почему это происходит. После прочтения многих замечательных сообщений о переполнении стека olde, я понимаю, что проблема не в том, что шрифт намекает, а на XP, у которого параметр clear-type отключен, по умолчанию. Таким образом, ВСЕ шрифты застревают в XP по умолчанию, независимо от приложения.

Итак ... если @ font-face отлично работает повсюду BUT XP с четким выключением и по-прежнему превосходит cufon, что мы должны делать?

Возможные решения:

• @ шрифта лицо как по умолчанию, Cufon с пользовательским агентом нюхают для Windows XP. (в данный момент, и очень не любит его)
• @ только шрифт лица с еще неизвестным методом форсирования четкого типа
• Cufon одиночку :(
• Другой парадигмой вместе

Неудачные решения:

• Adobe Typekit (зазубренные в XP на их собственном сайте !, несмотря на то, что они показывают гладкий образец JPEG)
• Google Веб-шрифты (та же проблема с XP)
• @ только шрифта лицо (та же проблема с XP)

Cufon до сих пор работает везде, но просто отстой, и предлагает дополнительные проблемы, если вы анимировать что-либо, или хотите обновить текст после факта.

У вас есть решение, которое работает полностью с перекрестным браузером и перекрестной ОС? Каков наилучший способ справиться с этим?

Answer 1

Я уверен, что веб-шрифты, которые выглядят уродливо, отсутствуют некоторые намеки (edit: Нет, хотя намек по-прежнему требуется, чтобы шрифт выглядел хорошо на окнах, настоящая проблема здесь была отключена ClearType в XP. Однако этот ответ имеет решение в любом случае).

В отличие от средств визуализации шрифтов в других операционных системах, Windows-движок основывается на информации о намеченном шрифте. Если намек отсутствует, плохой или сломанный шрифт будет выглядеть уродливым - просто. К счастью, есть способ добавить автоматически созданный намек на ttf-шрифт, используя ttfautohint. После добавления подсказки вы можете создавать различные форматы веб-шрифтов (eof, woff и т. Д.), Которые вам нужны из расширенного TTF. Дополнительно вы должны попробовать использовать шрифты SVG, если сглаживание шрифта отключено, так как они всегда отображаются сглаживанием.

Я написал article on how to create web-fonts on Pixels|Bytes, в котором объясняется, как добавить намек на шрифт и как использовать my Font Smoothie script для включения шрифтов SVG, когда это необходимо. Надеюсь, что это поможет :)

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

Answer 2

http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/

Это то, что я нашел до сих пор работает. Это решение обнаруживает неровные шрифты, поэтому мы можем сделать что-то вроде этого: @font-face в качестве стандарта, а Cufon - как резерв.

Answer 3

В моем случае я обнаружил, что ответ не Фактически центр включения разрешения Clear Type в WinXP. Является ли Clear Type включенным или отключенным, я обнаружил, что некоторые из моих шрифтовых шрифтов @ font-face (особенно BLACK, SANS-SERIF) выглядят плохо в IE7 и IE8. Это иногда больше, чем просто зубчатое или плохое сглаживание. Большая проблема, которую я вижу, в том, что форма самого шрифта (некоторые шрифты, а не все), кажется, хлюпает во что-то совершенно непривлекательное. Я нашел приемлемое решение, следуя рекомендациям Torben. Шрифт Hinting был всем, что мне нужно, и снова это решение не имеет ничего общего с включенным типом Clear. Чтобы получить шрифт намекая приложение и работает, прочитайте инструкцию здесь:

https://gist.github.com/davelab6/3783491

(я использовал файл "ttfautohint-0.95.tar.gz" здесь): http://sourceforge.net/projects/freetype/files/ttfautohint/0.95/

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

Лучшая подсказка не означает, что ваши шрифты @ font-face теперь будут выглядеть совершенно гладкими и великолепными в IE в WinXP, как в браузерах Macintosh. Но я обнаружил, что подсказка шрифта предотвращает неприятные искажения в виде некоторых шрифтов в IE7 и IE8. Для меня это приемлемое решение.

Я могу только добавить, что довольно сложно построить ttfautohintGUI на OSX. Вы должны установить сотни МБ программного обеспечения, загружаясь из нескольких мест, просто для создания графического интерфейса. Но как только это сделано, приложение позволяет вам легко намекать на шрифты @ Font-Face и разрешать многие проблемы с отображением WinXP. Просто обязательно отметьте «Совместимость Windows» в графическом интерфейсе (по умолчанию он отключен). Я также отключил опции «Добавить ttfautohintinfo» и «Pre-hinting», оставив все остальное как свои значения по умолчанию. Нажмите «Обзор ...», чтобы добавить свой входной файл (шрифт, который вы хотите намекнуть), а затем скопируйте и вставьте этот путь в выходной файл, изменив имя файла на все, что вы хотите. Вы не включите кнопку «Запустить», если в обоих файлах «Файл ввода и вывода» ничего нет.

С наилучшими пожеланиями.