Anonim

Cufon - це бібліотека JavaScript для заміни тексту. Він не пов'язаний з sIFR в кодовій базі, але виконує те саме, що не потребує Flash-файлів. Налаштування займає близько 5 хвилин, і тоді вам більше не доведеться чіпати її. Не може бути простіше, і це може мати великий вплив на те, як виглядає ваш веб-сайт.

Як це працює

Перший крок - надіслати свій шрифт через веб-сайт Cufon. Вони обробляють шрифт у шрифт SVG (масштабована векторна графіка). Потім шляхи набувають обробку до VML (векторної мови розмітки), що значно збільшує швидкість Cufon в IE. Потім отримані дані кодуються в JSON і передаються визначеній Cufon функції для обробки, і саме там відбувається магія.

Cufon Приклади

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

Далі, включіть як файл cufon-yui.js, так і створений файл JavaScript шрифту. Останнє - просто загортати текст у класі та ініціювати заміну Cufon навколо цього імені класу. Повний код нижче:

Це текст шрифтом Molot

Призводить до:
Це текст шрифтом Molot

Cufon Lineheight

Відома проблема з усіма браузерами з висотою лінії, яка, ймовірно, не буде виправлена

Cufon.now ()

Для кращого перегляду в IE рекомендується викликати функцію Cufon.now () безпосередньо перед тегом body. Це допоможе уникнути миттєвого прошарку, який може статися під час завантаження сторінки, а потім завантаження шрифту.

Проблеми IE9

Щодо цієї публікації, були певні проблеми з певними версіями IE9, я знаю, що вони працювали над їх вирішенням і сподіваюся, що незабаром буде випущено виправлення цих проблем.

Стилі шрифтів із заміною шрифту cufon