2009-05-31 1 views
10

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

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

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

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

Любая обратная связь будет оценена по достоинству. Благодарю.

+1

На самом деле, я не думаю, что юридические вопросы являются непомерно высокими. Люди создали много хороших бесплатных встраиваемых шрифтов. Есть и коммерческие. Это действительно больше вопрос о том, «браузеры еще не поддерживают его». BTW, пожалуйста, не забудьте принять ответ, когда вы чувствуете, что у вас есть ... –

ответ

12

Веб-шрифты поддерживаются в Safari 3.1, предстоящем Firefox 3.5 и предстоящей Opera 10. Internet Explore поддерживал (другой) формат с 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, так что я мог бы быть несколько предвзято)

+1

Ничего себе, привилегия иметь вас здесь. Спасибо за ответ Марк. –

+0

и API шрифтов google http://code.google.com/webfonts –

2

Что-то рассмотреть:

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

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

+0

Это не 50/50 раскол. Есть определенно много людей/браузеров, которые поддерживают либо sIFR, либо встроенные шрифты, чем нет. В любом случае оба метода грамотно деградируют для тех браузеров, которые их не поддерживают. –

+0

@musicfreak: встроенные шрифты изящно деградируют до шрифтов с одинаковыми показателями, о чем не все знают. –

+0

@ilya n: Действительно? Я не знал этого ... Честно говоря, я никогда не пробовал встроенные шрифты просто из-за отсутствия поддержки браузера, но я не вижу ничего плохого в sIFR. Это отличный инструмент для тех, кто его поддерживает, и тех, которые не могут видеть обычный текст. –

3

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

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

+0

Интересно. Какая лучшая комбинация ключевых слов для поиска дополнительной информации об этом? "background-image text-indent CSS"? Спасибо за предложения. –

+0

Я добавил ссылку Carson – alex

2

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

+1

+1, я собирался написать то же самое. Я считаю, что WebKit - единственный популярный браузер для поддержки встроенных шрифтов в стабильной версии. –

+0

Opera поддерживает встроенные шрифты, и следующая версия Firefox также будет поддерживать ее. Встраивание шрифтов является ключевой частью теста ACID 3, который в настоящий момент нацелены на все основные браузеры v.next, за исключением IE8. Я бы не сказал, что 2-3 года ... больше похоже на 6 месяцев до года, прежде чем это будет практически осуществимо, когда IE получит поддержку после этого. – jrista

+2

Жизнь веб-разработчика была бы намного проще без IE ... –

1

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

Смежные вопросы