Висновок нестандартних шрифтів на сайті (cufon), jquery

Кілька способів оформлення тексту на сайті нестандартним шрифтом:

  1. Вставити текст картинкою. В принципі підійде, якщо у вас, наприклад, шрифт використовується тільки для логотипу.
  2. Використовувати в CSS правило @ font-face. У нього можна вказати у властивостях font-size, font-family, font-style і посилання на шрифт (src).

І далі використовувати цей шрифт.

  • Є ще спосіб sIFR через flash, але про нього нічого сказати не можу, тому що не використовував.
  • Якщо ж потрібно використовувати нестандартний шрифт в різних місцях, оптимальним вважаю метод реалізації через плагін «Cufon».
    1. Генеруємо шрифт.
      Для роботи куфона потрібно з файлу шрифту (напр. Annabell.ttf) згенерувати файл .js, для цього переходимо за посиланням cufon.shoqolate.com/generate/. Завантажуємо шрифт (при необхідності кілька - жирний, курсив і т.д.), відзначаємо галочки
      • The EULAs of these fonts allow Web Embedding (without Adobe Flash) (під вибором фалів шрифтів)
      • I acknowledge and accept these terms (в кінці, перед кнопкою Let's do this)

    Також, якщо в шрифті будуть використовуватися російські літери потрібно поставити галочку «All» під заголовком «Include the folowing glyphs».

    Після цього тиснемо Let's do it і скачується потрібний нам файл імя_шріфта.js
  • Викачуємо дистрибутив Cufon cufon.shoqolate.com/js/cufon-yui.js
  • Підключаємо обидва файли
  • Прописуємо виклик Cufon для потрібних нам елементів

    • Якщо ви хочете, щоб Cufon працював з: hover. потрібно додати в його виклик параметр:

    У cufon є проблеми з css правилом line-height. У css стилях потрібно прописати

    Схожі статті