Drupal. Как добавить специальные символы в шрифты Cufon

В этой инструкции мы узнаем, как добавить специальные символы в шрифты Cufon в шаблонах Drupal.

Если в вашем шаблоне Drupal используется Cufon, а часть символов не отображается, сделайте следующее:

1. Определите, какой шрифт используется в этом тексте. Откройте .psd файл, который поставляется с шаблоном в папке (/sources/psd folder) и найдите название шрифта.
2. Вам нужно проверить, поддерживает ли шрифт символы, которые вам нужны. Вставьте нужные символы в .psd и измените шрифт. Отсутствие изменений говорит о том, что символы не поддерживаются и вам придется использовать другой шрифт.:
3. Перейдите на http://Cufon.shoqolate.com/generate и превратите шрифт, который наверняка поддерживает нужные вам символы в Cufon:
4. Перейдите к шрифту, который вы хотите использовать в поле “Regular Typeface” или вариантах bold, italic и bold italic. Убедитесь, что вы отметили EULA для подтверждения возможности вставки шрифтов.



5. Под “Include the following glyphs (if available)” выберите символы, которые будут использоваться в вашей версии сайта. Каждая дополнительная группа символов увеличивает размер файла шрифта:



6. Вы можете пропустить все последующие настройки. Рекомендуется использовать их значения по умолчанию.
7. Согласитесь с условиями использования поставив галочку.
8. Нажмите кнопку “Lets do this!”.



9. Таким образом вы сгенерируете .js файл, который вам потребуется загрузить в папку \sites\all\themes\theme_name\js на сервере. Если вы используете тот же шрифт с дополнительными символами, вам потребуется заменить существующий .js файл на новый с таким же именем. Если вы используете другой шрифт, откройте сгенерированный .js файл в любом текстовом редакторе и скопируйте название шрифта.

   Например, если там написано "font-family":"Showcard Gothic", скопируйте Showcard Gothic

10. Откройте Cufon-replace.js в папке “\sites\all\themes\theme_name\js” и замените font-family существующего шрифта на те, что вы скопировали ранее. После этого сохраните изменения.

    Например, если вы видите  
    #content h1.title’, { fontFamily:’MgOpen Moderna’, hover:true});
    замените на
    #content h1.title’, { fontFamily:’ Showcard Gothic’, hover:true});
    где Showcard Gothic это font family нового шрифта.

11. Откройте ваш сайт в браузере и проверьте, изменился ли шрифт. Нажмите CTRL+F5 для очистки кеша вашего браузера. Кроме того, вы можете кэш Drupal при необходимости.

Посмотрите подробную видеоинструкцию:

Drupal. Как добавить символы в шрифт Cufon