Создание, сопровождение и продвижение сайтов на CMS Drupal

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.

Для более подробной информации по конфигурированию используйте файл README.txt модуля.

Достоинства. И на камнях растут деревья.

  • Не требует плагинов – используются только штатные средства браузеров.
  • Работает на всех распространенных браузерах.
  • Прост в установке и настройке.
  • Удобен в управлении: можно редактировать текст, изменять параметры шрифта (размер жирность, цвет), есть реакция на hover, возможно добавление тени к тексту
  • Используемый шрифт защищен от копирования
  • Возможность генерации оптимального промежуточного шрифта, только для необходимых символов.
  • Скорость достаточно большая даже для объемных текстов.

Недостатки. Красота требует жертв.

  • Увеличивается трафик из-за дополнительных файлов (в моем случае порядка 80Кб), соответственно увеличится время загрузки страницы.
  • Текст не возможно выделить и скопировать, хотя в этом есть и определенный плюс
  • Нежелательно применять для больших объемов текстов и
  • Нежелательно использовать множество различных шрифтов – увеличивается объем страницы
  • До окончания работы скрипта пользователь видит текст шрифта по-умолчанию
  • Если javascript отключен – пользователь так же увидит текст шрифта по-умолчанию

На фото - сакура возле прудика в студенческом городке, в Цукубе, Япония. Фото к шутливой статье "Японский язык за 5 минут"