Cufon – нестандартный шрифт на вашем Drupal сайте.
Нестандартный — это шрифт, который не установлен на большинстве компьютеров посетителей вашего сайта. В результате пользователи не могут увидеть и оценить творческий потенциал и фантазию дизайнера. Все так замечательно выглядело на эскизе и все совсем не так на сайте. Как следствие злой дизайнер (он то свою работу умеет делать хорошо, в отличии от программиста) и недовольный заказчик. Что делать? и кто виноват?
Самый простой способ убедить всех, что нестандартный шрифт – это зло, что вообщем то правда. Но есть ситуации, когда использование нестандартного шрифта в дизайне сайта крайне необходимо. Как правило - это стильные издания, антикварные интернет магазины и т.п. Древний стандартный способ – это нарезать картинок надписей и вставить их в сайт. Данный способ в народе принято называть «быдлокодом». Если для статического сайта подобный подход еще можно было оправдать и использовать, то для динамического сайта на Друпал – это просто не допустимо.
Проблема решается с помощью javascript Cufon. В Drupal присутствует одноименный модуль - Cufon, используя который достаточно просто реализовать нестандартные шрифты на вашем сайте.
Что и как делает скрипт? Скрипт Cufon позволяет внедрить любой шрифт на веб страницу. Поддерживаются шрифты: TrueType (TTF), OpenType (OTF), Printer Font Binary (PFB) and PostScript fonts. Cufón состоит из генератора шрифта, который преобразовывает шрифт в промежуточный формат и движок рендеринга на Javascript. Cufón используют только штатные средства, поддерживаемые браузером (из этих средств, используются Javascript, SVG и <canvas> для нормальных браузеров, VML для IE). Модуль Cufon в Drupal позволяет автоматизировать и визуализировать работу со скриптом.
Работа с модулем Cufon в Drupal.
- Скачиваем и активируем модуль Cufon на вашем сайте.
- Скачиваем скрипт cufon-yui.js и копируем его в папку js модуля Cufon
- Генерируем промежуточный шрифт в виде файла js и копируем его в папку используемой темы. Убедитесь чтобы шрифты были легальными
- Сконфигурируйте Cufon на странице admin/settings/cufon. Конфигурация достаточно проста:

Для более подробной информации по конфигурированию используйте файл README.txt модуля.
Достоинства. И на камнях растут деревья.
- Не требует плагинов – используются только штатные средства браузеров.
- Работает на всех распространенных браузерах.
- Прост в установке и настройке.
- Удобен в управлении: можно редактировать текст, изменять параметры шрифта (размер жирность, цвет), есть реакция на hover, возможно добавление тени к тексту
- Используемый шрифт защищен от копирования
- Возможность генерации оптимального промежуточного шрифта, только для необходимых символов.
- Скорость достаточно большая даже для объемных текстов.
Недостатки. Красота требует жертв.
- Увеличивается трафик из-за дополнительных файлов (в моем случае порядка 80Кб), соответственно увеличится время загрузки страницы.
- Текст не возможно выделить и скопировать, хотя в этом есть и определенный плюс
- Нежелательно применять для больших объемов текстов и
- Нежелательно использовать множество различных шрифтов – увеличивается объем страницы
- До окончания работы скрипта пользователь видит текст шрифта по-умолчанию
- Если javascript отключен – пользователь так же увидит текст шрифта по-умолчанию
На фото - сакура возле прудика в студенческом городке, в Цукубе, Япония. Фото к шутливой статье "Японский язык за 5 минут"

Комментарии
Привет.
Сам в данном вопросе специалистом не являюсь, но припоминаю три модуля по теме:
http://drupal.org/project/google_fonts
http://drupal.org/project/fontyourface
http://drupal.org/project/dfont
Думаю что имеет смысл их упомянуть для полноты картины :)
--
С уважением,
Graker
Да, спасибо, я то свою "проблему" решил, но думаю будет многим полезно.
Вообще, Куфоном остался пока доволен. Утяжеляет конечно сайт, но думаю другие варианты могут быть и тяжелее.
Отправить комментарий