До недавнего времени каждый веб разработчик, хоть раз за свою профессиональную деятельность, да сталкивался с конкретной проблемой достаточно трудоемкой верстки в HTML или “натягивания” на движок с идеальным совпадением. Имя этим проблемам, в большинстве случаев, – шрифты!
Раньше эта задача решалась двумя способами: можно было использовать FLASH-технологию или применить заголовки и пункты меню с использованием картинок. Теперь же все решается гораздо проще и эффективнее с появлением супер-технологии нового поколения (cufon).
Суть технологии (cufon шрифт) заключается в том, что непосредственно в код страницы внедряются уникальные пользовательские шрифты. То есть, как только пользователь начинает загружать страницу, файл шрифта, специально сгенерированный, подтягивается jascriptом. Этот файл распознается всеми браузерами, поддерживающимися javascript.
Когда шрифты не установлены, что называется, “по умолчанию”, лучшим решением возникающих проблем действительно можно считать технологию cufon. В качестве основных преимуществ этого технологического новшества можно назвать следующие позиции:
- Основой для нее является уникальная платформа Javascript/jQuery
- На сайте не потребуется установки более быстрого флэш-плера
- Нет более простой технологии, когда речь идет о ее установке или настройке;
- Вполне качественно может работать и на современных мобильных устройствах;
- Совсем не требует применения дополнительного кода CSS, как, например, предыдущая технология sIFR.
Даже в тех случаях, когда технология Cufon не поддерживает эффект CSS hover наводом мыши, это довольно просто можно осуществить следующим образом: Cufon.replace(‘h1’,{hover: true}).
Для того, чтобы беспрепятственно использовать эту супер-технологию, достаточно установить основную классическую библиотеку jQuery, один из базовых файлов Cufon, а также выбранный шрифт – например, тот, который называется “(cufon кириллица)” или “(cufon js)”.
Чтобы без проблем загрузить Cufon на конкретный сайт, необходимо скопировать нужные файлы на сервер – допустим, в папку “scripts” и вставить соответствующий случаю код-тэг – <head>…</head>.
Сегодня многие программисты с успехом используют технологию Cufon для совершенствования внешнего вида сайтов – создания заголовков h1, h2 и.т.д. Это, безусловно, самый оптимальный вариант, как для поисковых систем, которым проще работать с ресурсами без картинок, так и для пользователей, поскольку контент выглядит просто великолепно, благодаря использованию самых разнообразных, красивых и качественных шрифтов.
Если конкретному владельцу веб ресурса чрезвычайно важно, чтобы его “детище” – например, интернет-магагзин был многоязычным, то активно используя для контента уникальную технологию Cufon, даже если там не был включен (cufon русский), вполне можно добавить шрифты для кириллицы самостоятельно. Конечно, если есть исходный файл конкретного шрифта (например, *.ttf).
Технология Cufon вклинивает в HTML странице текст, а рядом с ним оставляет векторный рисунок в тег canvas. Собственно говоря, именно поэтому и не возникает проблем с поисковиками.
Сама Cufon состоит из двух индивидуальных частей: font generator, отвечающий за конвертацию шрифтов в нужный формат, а также часть, которая отвечает за парсинг этого формата. Generator, собственно, и занимается конвертацией из шрифта в SVG font, а затем в VML. Конкретно этот шаг необходим для совместимости с IE. Ну, а уже этот результат формируется в JSON, с которым непосредственно и работает JavaScript.
О плюсах уникальной технологии много сказано, однако, существует и у нее несколько “шероховатостей”. Cufon имеет некоторые проблемы с распространением платных лицензионных шрифтов, хотя это и решаемо, если есть привязка к домену. Кроме того, возникают определенные трудности с Opera. При систематическом использовании градиента и теней о подсветке ссылок в hover речи уже не идет.
Других проблем у новейшей технологии Cufon практически не существует – она является универсальным инструментом для программистов и создателей веб сайтов
Ссылки: http://cufon.shoqolate.com/generate/ Генерация шрифта в нужном формате
