Встраивание веб-шрифтов против sifr? - PullRequest
10 голосов
/ 01 июня 2009

Я бы хотел использовать нестандартный веб-шрифт для улучшения внешнего вида моего HTML.

Желательно ли встраивать веб-шрифт или использовать что-то вроде sifr?

Насколько я понимаю, sifr - это программа для просмотра векторных шрифтов на основе флэш-памяти, но я не хотел бы попробовать ее, потому что она кажется несколько сложной.

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

Любые отзывы будут оценены. Спасибо.

Ответы [ 5 ]

12 голосов
/ 02 июня 2009

Веб-шрифты поддерживаются в Safari 3.1, грядущем Firefox 3.5 и грядущей Opera 10. Internet Explorer поддерживает (другой) формат начиная с IE4.

На данный момент самая большая проблема с внедрением в Safari, Firefox и Opera заключается в том, что они требуют, чтобы вы загрузили оригинальный файл шрифта на ваш веб-сервер. Для многих шрифтов это будет являться нарушением лицензии, которую вы получили от литейного типа. Таким образом, веб-шрифты сейчас не являются подходящим решением, если тип литейного производства не дал вам разрешение на их использование. Однако есть свободно лицензированные шрифты.

Это оставляет нам примерно три других варианта: изображения, Flash и решения на основе JavaScript. Изображения часто предпочтительнее в том смысле, что они оказывают минимальное влияние на особенности браузера и производительность, однако динамическая генерация изображений, скажем, в PHP, часто выглядит не так хорошо, как другие решения. Конечно, вы можете вручную создавать изображения в Photoshop, но это, как правило, побеждает цель.

sIFR использует Flash для визуализации текста, и он достаточно гибок в том, что вы можете выделять текст, динамически изменять его и иметь некоторый контроль над стилем вложенных элементов HTML. Hoefler & Frere-Jones дали sIFR все в порядке, при условии, что вы платите за серверную лицензию и принимаете все возможные меры по ограничению sIFR Flash-фильма вашим доменным именем.

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

При этом изображения, sIFR и Cufón - это все хаки, и нам нужны правильные веб-шрифты вчера .

(Отказ от ответственности: я ведущий разработчик sIFR, поэтому я могу быть несколько предвзятым.)

3 голосов
/ 01 июня 2009

Вы также можете рассмотреть альтернативу (и) JS. Однако для лучшей кросс-браузерной совместимости лучше использовать изображения и, возможно, CSS-трюк с фоновым изображением и отступом для текста, чтобы заменить статический текст изображениями.

Технику, которую я упомянул выше (и другие), можно прочитать здесь: http://css -tricks.com / девять методов для замены изображения /

2 голосов
/ 01 июня 2009

Обратите внимание, что модуль CSS3 Web Fonts, который определяет встраивание шрифта, все еще является рабочим проектом. Действительно, практическая поддержка встраивания шрифтов не очень хороша. Я бы сказал, что лучше подождать еще 2-3 года.

2 голосов
/ 01 июня 2009

Что нужно учитывать:

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

Написано с моего мобильного браузера, который не поддерживает встроенные шрифты.

1 голос
/ 02 июня 2009

Также ничего не стоит: TypeKit , сервис, который предоставляет вам строку JavaScript для абстрагирования всего этого.

...