Красивые шрифты на сайте. Как?
Любой вебмастер или верстальщик сталкивается с проблемой подбора шрифтов для web-разработки. То как отображаются шрифты на экране, порой, бывает важнее всех остальных элементов дизайна на web-странице.
Выбор шрифтов — ответственный момент. Конечно выбором шрифта для элементов дизайна сайта, должен заниматься дизайнер, но выбор шрифта для контента обязательно должен согласовывать с верстальщиком.
Основным правилом, которому действительно нужно следовать при выборе шрифта, да и всего дизайна, - это сделать так, чтобы чтение вашего сайта было максимально комфортным для посетителя.
Раньше доводилось часто слышать от верстальщиков и программистов, что использовать нестандартные шрифты на сайте это неправильно. И мы соглашались на Стандартные шрифты Arial, Helvetica, Verdana, Tahoma, Times New Roman, Trebuchet MS. Но технологии развиваются и сейчас это уже не проблема.
Для начала, давайте определимся, что же такое нестандартные шрифты?
Нестандартный шрифт — это шрифт, который не установлен на большинстве компьютеров посетителей вашего сайта. В результате пользователи не могут увидеть и оценить творческий потенциал и фантазию дизайнера.
Если стоит задача использовать в проекте Нестандартный шрифт, то есть возможность пойти несколькими путями:
Ъ-метод – не использовать нестандартные шрифты, достаточно в CSS сказать body {font-family: sans-serif;} и не морочить себе голову.
Быдло-метод – нарезать из ЖПЕГов, картинок с заголовками, ужать посильнее, что б появилась размытость и вставлять вместо текста картинки. Достаточно популярный на наших просторах метод.
SIFR – клевая вещь, наиболее употребляемая на сегодняшний день, но как недостаток – требует наличия Flash-плагина. Хотя это трудно назвать недостатком, но если есть инструмент, позволяющий обойтись без плагинов, то это не может не радовать.
Cufon – самое то. Относительно новый метод, который показывает превосходные результаты. Он и есть герой этой статьи.
Cufon позволяет внедрить любой шрифт на веб страницу. Поддерживаются шрифты: TrueType (TTF), OpenType (OTF), Printer Font Binary (PFB) and PostScript fonts.
Как пишут на сайте разработчики – призвание их проекта стать достойной альтернативой для SIFR, который несмотря на все свои заслуги все же несколько сложен в настройке и использовании.
Cufon имеет две индивидуальные части font generator, который конвертирует шрифты в нужный формат и часть для парсинга этого формата.
Generator делает несколько шагов конвертации из шрифта в SVG font затем в VML, этот шаг нужен для совместимости с IE, в итоге результат формируется в JSON, с которым и работает JavaScript.
Все сделано очень хитро и продуманно, но в итоге, для работы все этой машинерии от вас требуется подключить всего 2 Javascript файла и можно наслаждаться.
Для конвертации шрифта в нужный формат можно воспользоваться генератором на официальном сайте, или скачать локальную версию.