Как установить cufon шрифт на сайте

Наверное многие начинающие вебмастера, которые пробовали установить шаблон striking, столкнулись с такой проблемой как cufon шрифты.

А именно отсутствие русскоязычных надписей в меню и других разделах. Связано это с тем, что те cufon шрифты, которые идут по умолчанию в премиумах шаблонах wordpress, не читают кириллицу. Поэтому получается так, что русские надписи невидимы. По этой причине на сайт нужно загрузить те куфоновские шрифты, которые будут отображать русские буквы. Именно об этом пойдет речь в данной статье.

Как правило, куфон используется в англоязычных шаблонах различных CMS систем. К примеру, сайт о ветеринарной помощи, который может предложить такие ветеринарные услуги как: медицинская диагностика животных, выезд ветеринара на дом, терапия, хирургия и другое. Данный сайт сделан на движке Joomla и возможно использует тоже куфон шрифты.

Что такое Cufon

Cufon — это метод загрузки на сайт нестандартных шрифтов, используя java script. Появился он сравнительно недавно, в 2008 году. По сути шрифты куфон выглядят, как файлы ява скрипта, имеют расширение «js». Если вы знаете, обычные шрифты имеют такие расширения как: «ttf» (True Type), «otf» (Open Type), «PFB» (Printer Font Binary). Как можно уже догадаться, куфоновские шрифты генерируются из обычных. И о том, как это делать, пойдет речь ниже.

Как загрузить на сайт cufon шрифты

И так, что вам нужно сделать, чтобы загрузить к себе на сайт куфон шрифты? Прежде всего вы должны найти в интернете, с помощью гугла, тот шрифт, который вам понравился. И самое главное, чтобы этот шрифт поддерживал кириллицу. Это можно сделать, набрав в гугле слово «шрифты для сайта» или тоже, но на английском языке. Далее вы должны сгенерировать этот простой шрифт в cufon. Вообще добыть куфоновский шрифт можно с помощью сложного и простого метода.

Сложный способ установки cufon

Это можно сделать с помощью сайта cufon.shoqolate.com/generate. И так, открыв страницу вы увидите поля:

Select the font you’d like to use – необходимо загрузить тот файл обычного шрифта, что вы скачали. К примеру, у вас наклонный, рукописный жирный шрифт, значит вам нужно выбрать Bold Italic typeface (optional). Если у вас прямой шрифт, то выбираете Regular typeface.

The EULAs of these fonts allow Web Embedding (without Adobe Flash) нужно поставить галочку.

Дальше следует отметить галочками так как на рисунке ниже.

cufon шрифт

В поле Scale the font to the following size ставим галочку на No thanks, use the font’s own value.

И соглашаемся на условия. Ставим галочку в I acknowledge and accept these terms. После чего, нажимая на Let’s do this, сохраняем js файл куфон шрифта к себе на компьютер.

Подробное видео установки cufon шрифта

Простой способ

Существует также и простой способ добычи куфоновского шрифта – это просто скачать готовые cufon шрифты. Найти их можно в интернете, в частности на таком сайте как cufonfonts.com. Зайдя на сайт, в поле текст вам нужно вести какое-нибудь русское слово, и далее подобрать для себя тот куфон шрифт, который корректно распознает русский текст. После чего, открыв страницу конкретного шрифта, нужно в пункте Cufon kit, загрузить к себе на комп js файл шрифта.

Куда загружать шрифты куфон?

Теперь, после того как вы создали сгенерированный cufon шрифт, вам следует его загрузить к себе на хостинг. Как правило это папки, в которых расположены js файлы. Если вы работаете на wordpress с премиум-шаблоном, то, как правило, разработчик шаблона указывает в инструкции, куда нужно загрузить куфон шрифты. Например, в шаблоне striking очень просто все реализовано. Там вам достаточно загрузить куфоновский шрифт в папку fonts, которая располагается в папке темы striking. После чего, у себя в админ панели wordpress, вы можете выбрать нужный куфон шрифт, и активировать его.

В других темах, помимо загрузки шрифта, возможно понадобиться разместить определенный код в конкретном месте. Некоторые вебмастеры для работы с cufon шрифтами советуют воспользоваться плагином All In One Cufon, который автоматически генерирует нужный код конкретного куфон шрифта. Но, как я говорил выше, если у вас премиум-тема, типа striking, то нет необходимости использовать данный плагин. Достаточно внимательно прочитать инструкцию разработчика шаблона.

Надеюсь теперь, вы знаете, как работать с cufon шрифтами. Хочу только добавить, что некоторые люди, советуют не использовать много вариаций куфон шрифтов у себя на странице, так как, это все может привести к тормозам работы сайта. Также, с точки зрения поисковой оптимизации, не рекомендуется ставить куфон шрифт вместо обычного текста в записях и постах. Говорят, что такие тексты будут плохо индексироваться.



Нет комментариев

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *