На щастя, новий претендент Cufón робить процес неймовірно простим. У чому ж полягає секрет? На відміну від Flash він використовує суміш графічних примітивів і VML для виведення шрифту. Весь процес займає кілька хвилин. В даному уроці буде продемонстровано, як використовувати будь-який шрифт, який забажаєте, в ваших веб додатках.
- Працює швидко!
- У 100 разів простіше ніж siFR.
- Підготовка до роботи займає кілька хвилин
- Чи не залежить від серверних мов на відміну від FLIR.
Крок 1: Завантажуємо Cufón
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (хочеться) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-93021a1a.png)
Заходимо на сайт Cufón і тиснемо праву кнопку миші на кнопці "Download" нагорі. Вибираємо "Save-As" ( "Зберегти як") і зберігаємо файл на робочому столі.
Крок 2: Конвертуємо шрифт
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (шрифт) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-e8afc2c9.png)
Якщо хочеться, можна також завантажити файли курсивного і жирного накреслення.
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (шрифт) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-0fb6f808.png)
Потім, ви повинні вибрати, які накреслення символів повинні бути включені. Не треба поспішати і вибирати "CHOOSE ALL". У цьому випадку розмір файлу JS істотно збільшиться.
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (який) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-9ee3dd14.png)
Cufón дозволяє призначити специфічний url для вашого файлу, щоб посилити безпеку. Дуже важливо, щоб у вас були відповідні права для використання шрифту.
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (використовувати) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-115ea464.png)
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (який) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-40ef16c8.png)
викликаємо скрипт
Тепер потрібно вирішити, який текст буде замінюватися. Давайте замінимо шрифт за замовчуванням у всіх тегах H1 на Jokerman.
При виклику методу replace можна додати рядок з ім'ям тега, який потрібно замінювати. Зберігаємо файл і дивимося його в браузері.
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (використовувати) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-bc91e398.png)
Як завжди IE потребує спеціальних танцях з бубном. Якщо ви завантажте сторінку в IE, то зможете помітити невелику затримку перед тим, як шрифт буде намальований. Щоб виправити дефект потрібно просто додати:
Вище наведений код робить наступне: бере елемент з id "header", потім знаходить все теги H1 в ньому і замінює їх написами з новим шрифтом.
Метод 2: jQuery
Для використання механізму селектор jQuery нам потрібно тільки завантажити jQuery до Cufón.
Простіше простого! Пам'ятайте, що jQuery ПОВИНЕН завантажуватися ДО Cufón, щоб метод працював.
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (який) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-e642db32.jpg)
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (хочеться) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-bc8232e9.jpg)
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (використовувати) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-faf321a7.png)
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (хочеться) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-14d0c20e.png)
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
![Простий спосіб використовувати на сайті такий шрифт, який хочеться (шрифт) Простий спосіб використовувати на сайті такий шрифт, який хочеться](https://images-on-off.com/images/169/prostoysposobispolzovatnasaytetakoyshrif-faaf93e0.png)
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!