Настраиваем шаблон с cufon на русский текст

Обратился тут ко мне друг с просьбой подсобить- типо прикупил он себе отличный темплейт в конторе под названием Template Monster, под собственный проект инет магаза. Ну я то относительно этого был в курсе ибо полтора месяца назад установил его ему на сайт, ну и вообщем приключилась у него беда: в title русский текст не отображался. Английский показывал нормально, а вот в случае написания на русском нет, да и в виджетах была точно такая же проблема.

Ну я естественно как умный вася полез сразу в css, ибо и ежу было понятно что проблема с фонтами, но там ничего сделать не удалось, как я не ломал голову. Вообщем пообщался со службой поддержки, оказалось что в темплейте используется так называемый cufon, для отрисовки фонтов, ну и в темплейте через него вызывался латинский фонт не поддерживавший русский, для чего было предложено все переделать ручками самому. Его наличие характеризуется тем, что в хедере страницы присутствуют строки:

<script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/js/cufon-ui.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/js/Какой-нить_фонт.font.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/js/cufon-replace.js”></script>

Собственно идем на сайт cufon, где в колонке Regular typeface выбираем тот фонт который поддерживает русский- чтобы не париться выбирайте Arial, хотя если хотите поморочиться- можете посмотреть какой нибудь еще.
Далее выставляем два комплекта галок: два что согласны со всеми правилами: “The EULAs of these fonts allow Web Embedding” и “I acknowledge and accept these terms”; и еще Russian Alphabet. После чего жмем на огромную голубую кнопку внизу Let’s do this! и сохраняем выскочивший файл ваш-фонт.js. Затем открываем файлик cufon-replace.js в каком нить редакторе- типо dreamweaver или блокнота. Сам файлие лежит в папочке js нашей темы, и в нем правим строку с фонтом, подставляя названием своего, то есть файтик приобрете например такой вид:

Cufon.replace(‘#header ul li a, ‘,  { fontFamily: ‘Arial’, hover:true });
Cufon.replace(‘.widget h2,’,  { fontFamily: ‘Arial’, hover:true });
Cufon.replace(‘.column-center h2,’,  { fontFamily: ‘Arial’, hover:true });

После чего закачиваем на сайт в папку js измененный  cufon-replace.js  и новый ваш-фонт.js, после чего в хедере меняем строки на:

<script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/js/cufon-ui.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/js/ваш-фонт.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘stylesheet_directory’); ?>/js/cufon-replace.js”></script>

Обязательно удалить имеющиеся старые фонты. Перегружаем страничку и радуемся, что все пашет.

Якоря: , ,

  1. One Response to “Настраиваем шаблон с cufon на русский текст”

  2. Огромное, хотя нет Вселенного масштаба тебе спасибо))) дружище ты просто меня выручил, дай бог тебе здоровья и долгих лет жизни))

    [Reply]

    By Александр on May 11, 2013

Post a Comment