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

Этот туториал покажет, как изменить шрифт Google web в шаблонах Joomla 3.x.

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

Для того чтобы изменить шрифт Google web в шаблонах Joomla 3.x, необходимо выполнить следующие шаги:

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

   

2. Откройте файл templates/themeXXXX/index.php и найдите ссылку на шрифт Google:

   

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

   1. Откройте сайт http://www.google.com/webfonts и выберите желаемый шрифт, используя предложенные фильтры:

      

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

      

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

      

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

      

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

   

5. Теперь необходимо изменить шрифт в CSS файле. С помощью Firebug найдите путь к необходимому CSS коду (кликните правой кнопкой мыши > ‘Копировать адрес’ (‘Copy location’); здесь также можно видеть сроку, на которой находится код):

   

6. Прокрутите страницу сайта Google fonts вниз и скопируйте атрибут с вашим шрифтом в CSS файл:

   

7. Отредактированный код должен выглядеть следующим образом (см. скриншот ниже):

   

8. Обновите страницу сайта и просмотрите, как изменился шрифт меню:

   

Вы также можете воспользоваться детальным видео туториалом:

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