Простой и красивый, а самое главное, правильный способ использовать любые шрифты на вашем WordPress болге, при помощи плагина.

На картинке можно увидеть пример, заголовки постов сделаны при помощи этого плагина.

Плагин основан на методе под названием sIFR, подробнее о нем на русском, на английском.

Кратко о том как работает метод:

1. После загрузки страницы javascript определяет, установлен ли flash плагин у пользователя.
2. Если flash плагин не установлен, пользователь увидит обычную html страницу, без флеш, без предложения установить flash плеер, весь текст будет виден в соответствии с css стилями.
3. Если flash плагин установлен, js заменяет стандартный текст у требуемых элементов на флэш-вставку, с тем же текстом, но с установленным вами шрифтом и параметрами текста настроенными вами в плагине.

Этот способ считается одним из лучших способов использования нестандартных шрифтов на сайте и полностью соответствует стандартам W3C.

Преимущества данного метода:

• Пользователь увидит текст не зависимо от того, работает у него js и flash или нет.
• Поисковики видят обычный <h2>Заголовок</h2> текст, можно назвать этот способ seo-ориентированным.

Недостатки:

• sIFR, непредназначен для замены больших объемов текста.

Установка

На обычных сайта установка sIFR хоть и достаточно проста, но, тем не менее, требует определенных знаний. Нам повезло, для WordPress существует плагин, который сделает большую часть работы за нас, для нас работа сводится к установке плагина и необходимых шрифтов.

Для начала нам нужно скачать и установить плагин WP sIFR.

Следующий шаг, выбираем понравившийся русский TTF шрифт и переводим его во flash формат, TTF шрифты можно легко найти в интернете. На картинке выше используется шрифт Calibri Bold (CALIBRIB.TTF) который идет вместе с Windows XP.

Шрифт выбран, теперь необходимо переделать его в swf формат, понятный плагину. Для этого есть специальный сайт-генератор swf шрифтов sifrgenerator.com. Закачиваем свой шрифт, для того, что бы успешно работали русские буквы, настройки генерации шрфитов следует делать как показанно на картинках.

Скачиваем получившийся swf файл, кладем его в папку fonts используемой вами темы, например /wp-content/themes/default/fonts/calibrib.swf

Заходим в настройки плагина “Параметры –> WP sIFR

В списке должен появится добавленный шрифт. Ставим напротив него галочку “Activate this font”, в “Settings” указываем к каким элементам применять этот шрифт. Для заголовков постов достаточно оставить “h2”, загловок блога обычно “h1”. Можно использовать css-селекторы по типу “div#sidebar h2, li” и т.п. Там же указыавем размер, цвет и другие параметры нашего flash-текста.

Нажимает “Save changes” и идем любоваться, тем, что у нас получилось.

Ложка дёгтя

Сайт sifrgenerator.com заточен под англоязычные шрифты, при генерации русскоязычных шрифтов размер файла шрифта с 15-20кб для англоязычного шрифта распухает до 50-200кб для шрифта с “Full character set”, т.е. с поддержкой всех символов включая русские буквы. Решение в поиске.

Похожие посты:

1. Правильный RSS в WordPress с BetterFeed
2. Будущие посты 2.0