Вопрос по – Хорошо представленное решение для веб-шрифтов

1

Соревнование

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

История

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

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

Так ... если @ font-face везде работает отлично, НО XP с выключенным clear-type, и все еще превосходит cufon, что нам делать?

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

@ font-face по умолчанию, Cufon с пользовательским агентом, сниффинг для Windows XP. (в настоящее время использую, и очень не люблю его)@ font-face наедине с еще неизвестным методом форсирования clear-type Куфон один: Еще одна парадигма

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

Adobe Typekit (зазубренный в XP на их собственном веб-сайте!, Хотя они показывают плавный образец jpeg) Google Webfonts (та же проблема с XP)@ font-face only (та же проблема с XP)

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

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

Даже многие системные шрифты выглядят неровно и плохо выглядят, если в Windows не включен ClearType. Свозможны За исключением пользовательской базы, в которой преобладает XP (корпоративная?), вероятно, лучше просто забыть о не-ClearTypers. Они постоянно уменьшающееся меньшинство. John Flatness
Хмм ... Я знаю, что качество системы также присутствует в зазубринах. У вас есть статистика по не-ClearTypers? Neowin.net / Новости / ... с Windows XP все еще доминирующей ОС, как я могу быть уверен? Fresheyeball

Ваш Ответ

3   ответа
4

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

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

Я написал статья о том, как создавать веб-шрифты на пикселях | байты, который объясняет, как добавить подсказку к шрифту и как использовать My Font Smoothie Script, чтобы включить SVG шрифты, когда это необходимо. Надеюсь это поможет :

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

Я вполне уверен, что подсказки не помогли, но, глядя на некоторые изменения, внесенные в командную строку, я задаюсь вопросом. Позвольте мне проверить некоторые вещи с помощью подсказок ttf на основе ваших рекомендаций. Fresheyeball
У меня даже были некоторые шрифты, которые уже были с хорошим намеком дизайнера и все равно выглядели как веб-шрифт. Использование ttfautohint также исправило это, так что может быть шанс, что это поможет и здесь. Мне любопытно узнать о ваших результатах теста ... Torben
Мне потребовалось некоторое время, но я, наконец, нашел способ принудительного сглаживания шрифтов с помощью SVG-шрифтов. Я также написал небольшой скрипт (на основе Код пользователя агента пользователя), который автоматически переключается на SVG-шрифты, если сглаживание шрифтов отключено. Все остальное в моя обновленная запись в блоге. Torben
Гм ... пожалуйста. Мне понадобилось время, чтобы проверить. Я отказался от поддержки ie7-8, и поэтому эта проблема больше не влияет на меня. Fresheyeball
IE8 никогда не был проблемой для меня. Это были Chrome и Opera, которые нужно было исправить. Torben
2

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

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

0

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

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

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

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

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

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

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

Похожие вопросы