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. Це допоможе уникнути миттєвого прошарку, який може статися під час завантаження сторінки, а потім завантаження шрифту.