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

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

1 голос
/ 23 октября 2009

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

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

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

  1. SIFR
  2. Cufón
  3. typeface.js
  4. CSS3 font-face

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

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

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

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

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

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

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

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

Ответы [ 2 ]

3 голосов
/ 23 октября 2009

Наконец, после нескольких часов исследований и испытаний, я нашел ОЧЕНЬ отличное решение для встраивания специальных шрифтов в сайты.

Использование подхода через CSS3 font-face imho - лучшее решение.

Единственное, что нужно сделать для 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.

0 голосов
/ 23 октября 2009

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

...