Всем привет. Сегодня я хочу вам продемонстрировать один скриптик, о котором я узнал совсем недавно, но при этом он привел меня сразу в дикий восторг.

Скачать скринкаст и пример использования cufon'a:

depositfiles

Cufon – библиотека написанная на java script. Ее предназначение очень простое – использование нестандартных шрифтов на html страницах в независимости от того, установлен ли этот шрифт на клиентской машине.

Некоторые из вас сразу задут вопрос: а как же seo? Как же поисковики?
Отвечаю: Не знаю, знаю только что даже при использовании cufon обычный текст доступен, единственное, что в он обрамляется кучей тегов, которые генерирует cufon.



В любом случае нужно экспериментировать и проверять (я не проверял)

Чтоб использовать нестандартный шрифт на html странице необходимо произвести несколько простых, не требующих специальной подготовки действий, а именно:

Генерация файла с шрифтом

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


2. Посетить страницу cufon.shoqolate.com/generate/.


3. Сгенерировать шрифт.


4. 1. Загрузить в форму нужный шрифт:
      
   
   
   2. Поставить галочку, что вы согласны с «еулой» :)
      
   
   
   3. Далее идет большой список с галочками. Если будет использоватся русский язык, то нужно поставить галочку напротив надписи «Russian Alphabet». Остальные галочки нужно ставить по мере надобности, чесно скажу смысл всех я не знаю.
   
   
   4. Внизу страницы поставить галочку рядом с текстом «I acknowledge and accept these terms», нажать кнопку «Let’s do this» после чего сохранить сгенерированный файл.
   
   
   
   

Все, на этом генерация файла с нужным шрифтом закончена.
Подключение скриптов в html

1. Скачиваем скрипт cufon на странице загрузки: cufon.shoqolate.com/js/cufon-yui.js


2. В папке с html странице создаем попку js и помещаем туда только что скаченный файл библиотеки, сгенерированный ранее файл с шрифтом и создаем пустой файл с именем cufon-replace.js (его предназначение будет описано ниже)


3. В блоке подключаем наши скрипты:
   
   

   <script type="text/javascript" src="js/cufon-yui.js"></script>
   <script type="text/javascript" src="js/name_font.js"></script>
   <script type="text/javascript" src="js/cufon-replace.js"></script>

   
   
   Где name_font – название сгенерированного файла.
   Вызываем функцию cufon.now() в конце html страницы перед закрывающим тегом :
   
   

   <script type="text/javascript"> Cufon.now(); </script>

   
   Открываем наш пустой файл cufon-replace.js. Он предназначен для описания элементов, для которых будет использоваться нестандартный шрифт. В этом файле нам нужно прописать следующее:
   
   

   Cufon.replace('h2', { fontFamily: 'VivaldiD CL' });

   
   
   Вместо h2 можно писать любой нужный тег или даже класс. А для fontFamily прописываем название используемого нестандартного шрифта.
   
   
   Теперь можно сохранить нашу html страницу, открыть ее в браузере и наслаждатся красивым шрифтом. Всем спасибо за внимание.