Cufon, або 100500 шрифтів на вашому сайті -будні програміста

Чи бувало так що вам на сайті доводилося використовувати сторонні шрифти? Як ви поступали? Використання стороннього шрифту на сайті досить проблематично, є кілька способів, сьогодні я розповім про самому правильному з них. Так як ми можемо використовувати сторонній шрифт на сайті?

  • Умовити себе / замовника / дизайнера не використовувати сторонні шрифти взагалі 🙂
  • Вступати як індуси і нарізати Jpeg картинок. Так вже не робить ніхто за винятком запеклих індусів.
  • CSS3, особисто я поки відкидаю його тому він підтримується слабо та й не всіма браузерами.
  • sIFR, хороша річ, але вимагає наявності Flash плагіна.
  • Cufon, ось це по мені.

Cufon, Cufon ... Cufon?

Які плюси у нього є і чому я його так люблю:

  1. Не вимагає жодних плагінів - використовуються тільки кошти, нативної підтримувані браузером.
  2. Сумісний з усіма поширеними браузерами.
  3. Простота використання, все зрозуміло і красиво.
  4. Швидко працює навіть при великій кількості текстів.
  5. Прекрасно індексується як і звичайний текст.

Як же ти влаштований?

Test, test, test ...

У сторінки підключаємо наш шрифт:

Тепер вибираємо які саме елементи сторінки ми хочемо промальовувати нашим шрифтом.

Все добре з куфоном. Але ось проблема в тому, що шрифт, обраний замовником, не підтримує кирилицю. При перекладі виникла проблема. Знайшли більш менш підходящий / схожий шрифт. Але не хочеться втрачати старий. Чи можна зробити так, щоб при використанні латиниці задіяли перший шрифт (без кирилиці), а при перемиканні на ону. підключався другий шрифт.
Приклад непрацюючого скрипта:

Навіть не знаю що Вам відповісти. Все що можу запропонувати це знайти потрібний шрифт з кирилицею і латиницею, або як варіант зібрати свій шрифт.

Схожі статті