Верстка сайта

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

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

Typeface.js - альтернатива sIFR
Поделиться в соцсетях:

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

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 он не работает, а также довольно большой размер сгенерированного скрипта, примерно несколько сот килобайт.

Новый комментарий

Имя:
Для редактирования комментария осталось 10 минут
Комментарии отсутствуют