Помещение коммерческих шрифтов на сайты

Question

Добрый вечер, господа!

Поиск кросс-браузерного решения для встраивания коммерческих шрифтов как HelveticaNeue или Univers и т. Д. Я нашел несколько перспективных подходов.

Прежде всего я буду привлекать все найденные, современный и простой в использовании подходов здесь:

1. SIFR
2. cufón
3. typeface.js
4. CSS3 шрифта лицо

sIFR хорошо известен и прост в использовании, но, как я знаю, не так, как легко, так как это только Javascript-братья и сестры, Cufón a nd typface.js.

Cufón привлекло мое внимание, так как оно немного улучшает , чем typeface.js, и создает шрифты меньшего размера. По-видимому, нет законного способа использовать его с любым коммерческим шрифтом, , который запрещен для встраивания в этот вид решения.

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

И последнее, но не в последнюю очередь есть этот «новый» CSS свойство, называется шрифт-лицо, , который невероятно прост в использовании, но для нашего любимого IE мы должны преобразовать файлы в СРВ (Embedable OpenType) файлов.

Поэтому для IE необходимы специальные объявления CSS, чтобы иметь возможность использовать эти шрифты внутри браузера.

Вопрос теперь:

Каков наилучший подход к использованию таких коммерческих шрифтов на веб-сайтах? Используйте бесплатные шрифты только с этого момента с помощью Cufón или конвертируйте все используемые шрифты в файлы EOT и используйте их вместе с font-face?

Спасибо за ваши аргументированные ответы, я ценю это!

Answer 1

Наконец после нескольких часов исследований и испытаний я нашли очень красивое решение для встраивания специальных шрифтов в веб-сайты.

Использование подхода с помощью CSS3 font-face является лучшим решением.

Единственное, что вам нужно сделать для IE, это конвертировать ваши шрифты Truetype (к сожалению, OTF не работает.) В EOT-файлы.Microsoft WEFT является решением, но лучший способ сделать это, является использование открытым кодом инструмента «ttf2eot», который можно найти здесь: http://code.google.com/p/ttf2eot/

Веб-интерфейс можно найти поиск «kirsle волшебников "в Google.

Единственное, что нужно обратить внимание, это поддержка браузера ...

IE4,5,6,7,8 использовать файлы EOT, в то время как поддержка TTF только обеспечивается версии Firefox> = 3.1. О Safari и Opera Я не уверен, но Safari 4 работал для меня и Opera 10 тоже.

(Так что Chrome не поддерживает его, я думаю, из-за использования старше WebKit версии ?!)

Основываясь на статистике отслеживания клиентов нашего агентства только " 15 до 20% своих посетителей используйте несовместимые браузеры, такие как Firefox 2.0 или 3.0, более старые версии Safari или Opera или Chrome.

Answer 2

В нижней части этой страницы есть информация о том, как сделать это с помощью прямого HTML и CSS: http://www.albinoblacksheep.com/text/font