Установить нестандартный шрифт — использование Cufon

В данной статье пойдет речь о таком важном JS скрипте как Cufon, который позволяет заменять стандартные шрифты сайтов — не стандартными. Недавно потребовалось использовать нестандартный шрифт в одном из проектов,  разработчикам Cufon спасибо, выручили своим кроссбраузерным решением.

Что бы использовать у себя на сайте/блоге нестандартный шрифт, необходим скрипт Cufon (прикрепляем файл внизу статьи).

Теперь выберите шрифт который нужно будет использовать на сайте, перейдите на  страницу генератора специально скрипта, который сделает из вашего шрифта специальный файл, в котором и будет содержаться ваш шрифт. Генератором пользоваться просто, все интуитивно понятно. Важной особенностью в генераторе является поле «Use the following value as the font-family of the generated font (optional)», здесь надо указать название вашего шрифта (например: «ArtScript»), так как далее в вызове скрипта его надо будет указать.

После генерации у вас должен получиться файл примерно из следующим названием «ArtScript_400.font.js», это ваш новый шрифт который будет использоваться на сайте. Помещаем его и скрипт Cufon в произвольную папку на сайте, затем подключаем их между тегами :

В данном примере, все шрифты заголовков первого уровня H1 будут заменены на указанный нами ранее.
Вместо h1 можно использовать любой другой DOM объект или группу объектов или классов.