Typeface.js - альтернатива sIFR

27.10.2008 17:33

Я уже писал ранее как можно использовать нестандартные шрифты на сайтах используя jQuery sIFR Plugin. Теперь же я хочу предложить Вашему вниманию альтернативу sIRF - Typeface.js.

typeface_js

Использовать его очень просто:

1. Сначала скачиваем скрипт typeface.js со страницы автора. Затем подключаем скрипт к странице после всех внешних стилей.

2. Находим шрифт который будем использовать на нашей странице. В нашем примере это будет Old Comedy.

3. Затем запускаем конвертор который создает на основе нашего шрифта js-скрипт. Его нужно подключить к странице после файла typeface.js.

<script type="text/javascript" src="js/typeface-0.10.js"></script>

<script type="text/javascript" src="js/old_comedy_regular.typeface.js"></script>

4. Теперь можно его использовать. Для любого текста где Вы хотите использовать новый шрифт необходимо добавить класс typeface-js, а также в inline-стилях указать имя этого шрифта.

<h1 class="typeface-js" style="font-family: Old Comedy">

 Testing a Headline

</h1>

P.S. К минусам данного скрипта следует отнести то, что в Opera он не работает, а также довольно большой размер сгенерированного скрипта, примерно несколько сот килобайт.

Источник