Как сделать, чтобы скрипт cufon поддерживал кириллицу
Сейчас в интернете стали популярны темы, использующие скрипт cufon. Для чего нужен этот скрипт? Если вы попробуете увеличить размер шрифта в теме (например, в заголовке поста), то он с определенными шрифтами (можно сказать, что почти со всеми), будет выглядеть угловато. Хоть в браузерах и используется сглаживание, все же до конца сделать обводы букв плавными, начиная с определенного размера, не получится. Java-скрипт cufon сделан для того, чтобы текст большого размера выглядел красиво, с плавными обводами, без угловатых переходов и резких углов. Текст, обработанный этим скриптом, выглядит выигрышно красиво, элегантно, каким бы большим он не был. Однако вот незадача - в большинстве тем этот скрипт не понимает кириллический текст, вовсе его не отображая, как будто его и не было. Как же исправить это? Немного покопавшись, я решил эту проблему.
Проблема решается формированием нового js-скрипта с внедренным шрифтом, поддерживающим кириллицу. Звучит страшно, но на самом деле совсем легко. Опишу самый простой способ решения проблемы с поддержкой кириллицы скриптом cufon.
Создание файла js
1. Подготовьте шрифты, которые вы хотите внедрить в скрипт cufon, скопировав их в отдельную папку. Обязательно убедитесь, что эти шрифты поддерживают кириллицу.
2. Зайдите на страницу для создания скрипта: http://cufon.shoqolate.com/generate/
3. Укажите шрифты, которые хотите внедрить. Нужно указать четыре шрифта - обычный, жирный, наклонный и наклонный-жирный. Лучше использовать разновидность одного и того же шрифта, чтобы текст не слишком разительно отличался. В качестве испытуемого я выбрал замечательный шрифт Calibri, и его наклонно-толстые разновидности. Не забудьте указать, что этот шрифт можно использовать на страницах (он бесплатный).
4. Отметьте все варианты использования символов этого шрифта (см. скриншот ниже).
5. Отметьте возможные варианты масштабирования шрифтов скриптом (см. скришот ниже).
6. Создайте и скачайте скрипт cufon внедренным вашим шрифтом.
Использование файла js
Скачивается файл с примерно таким названием - Calibri_400-Calibri_700-Calibri_italic_400-Calibri_italic_700.font.js - это как раз то, что нам нужно. Теперь осталось использовать этот скрипт. Сделать это можно двумя способами - легким и сложным:
- подменить скрипт в теме нашим новым скриптом
- вставить в тему новый скрипт и определить, какие заголовки нужно им обрабатывать
Первый способ - самый легкий. Так как в теме уже используется скрипт cufon, то его нужно просто найти, и заменить нашим. Найдите в теме папку соскриптами, и среди них найдите скрипт cufon. Его название будет примерно таким: cufon-yui.js. Запомните его. Переименуйте ваш файл Calibri_400-Calibri_700-Calibri_italic_400-Calibri_italic_700.font.js в cufon-yui.js и перепишите го поверх старого. Вот и все, мы схитрили - заменили встроенный в тему скрипт новым, поддерживающим кириллицу.
Второй способ сложнее. Нужно вставить в файле header.php найти, где подключается скрипт cufon, и добавить к нему наш скрипт, вставив его до закрытия тега </head> вызов скриптов:
1
2
3
4
5
<script src="<?php bloginfo('template_url'); ?>/js/cufon-yui.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_url'); ?>/js/Calibri_400-Calibri_700-Calibri_italic_400-Calibri_italic_700.font.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1, h2, h3', { fontFamily: 'Calibri' });
</script>
Обратите внимание на h1, h2, h3 - это те заголовки, которые будет обрабатывать скрипт.
Конечно же, первый способ намного проще.
Нужно быстро заправить картридж? Профессиональное обслуживание оргтехники от компании LCart - это то, что Вам нужно! Компания LCart -
заправка картриджей hp, canon, samsung, xerox, brother. Выезд мастера по Москве в день обращения, скидки при оптовых заказах, гарантия на выполненные работы.
