Встраивание коммерческих шрифтов в веб-сайты

Question

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

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

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

<Ол>

SIFR

<Литий> ОГФ & # 243; п

typeface.js

CSS3 font-face

sIFR хорошо известен и его легко реализовать, но, как я знаю, не так это просто, потому что это братья и сестры, поддерживающие только Javascript, Cuf & # 243; n и typface.js.

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

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

И последнее, но не менее важное: это «новое» свойство CSS, называемое font-face, который невероятно прост в использовании, но для нашего любимого IE нам нужно конвертировать файлы в файлы EOT (Embedable OpenType).

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

Вопрос сейчас:

Как лучше всего использовать такие коммерческие шрифты на сайтах? Теперь используйте только бесплатные шрифты с Cuf & # 243; 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 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