Categories

Новые шаблоны

Drupal. Как изменить шрифт Google web

Ryan DeWitt Декабрь 24, 2012
Rating: 5.0/5. From 1 vote.
Please wait...

В этом уроке показано как изменить шрифт Google web в шаблоне Drupal.

1. Давайте изменим шрифт для пунктов меню. Найдите шрифт, который используется для конкретного пункта меню в Вашем шаблоне с помощью дополнения Firebug для браузера Mozilla Firefox. Информацию о том, как использовать Firebug вы можете найти здесь

2. В нашем шаблоне шрифт импортируется в файл style.css, который находится в папке \sites\all\themes\themeXXX\css\ (где XXX — номер темы).

3. Нам нужно заменить этот шрифт любым сгенерированным на сайте шрифтов Google или просто добавить линию с новым шрифтом в случае, если стандартный шрифт будет также использоваться.

3.1. Перейдите по ссылке http://www.google.com/webfonts и выберите соответствующий шрифт, используя предложенные фильтры.

3.2. Обратите внимание на набор символов. Выберите шрифт, поддерживающий Ваш набор символов. Мы выбрали набор Cyrillic Extended, чтобы использовать кириллические шрифты.

3.3. Добавьте шрифт в коллекцию и нажмите кнопку Use (Использовать).

3.4. Выберите соответствующий набор символов и скопируйте сгенерированный код.

4. Замените исходный код в файле, или просто добавьте код в случае, если собираетесь использовать старый шрифт также. Измененный код Вы можете увидеть на скриншоте ниже.

5. Теперь необходимо изменить шрифт в файле css. В нашем случае это файл style.css . Найдите соответствующий код в этом файле.

6. Перейдите на страницу Google шрифтов и скопируйте нужный шрифт в файл css .

7. Измененный код должен выглядеть, как на скриншоте ниже.

8. Очистите кэш Drupal, используя следующий урок: Drupal. Как очистить кэш

9. Обновите страницу чтобы увидеть новый шрифт меню.

Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже:

Drupal. Как изменить шрифт Google web

Темы Drupal
Эта запись была размещена в Drupal туториалы и помечена как archived_tutorial, change, drupal, font, google. Добавьте в закладки постоянную ссылку.

Submit a ticket

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