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

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

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 вы можете найти здесь:

    Joomla_3.x_How_to_change_google_webfont-2

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

    Joomla_3.x_How_to_change_google_webfont-3

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

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

      Joomla_3.x_How_to_change_google_webfont-4

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

      Joomla_3.x_How_to_change_google_webfont-5

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

      Joomla_3.x_How_to_change_google_webfont-6

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

      Joomla_3.x_How_to_change_google_webfont-7

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

    Joomla_3.x_How_to_change_google_webfont-8

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

    Joomla_3.x_How_to_change_google_webfont-9

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

    Joomla_3.x_How_to_change_google_webfont-10

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

    Joomla_3.x_How_to_change_google_webfont-11

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

    Joomla_3.x_How_to_change_google_webfont-12

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

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

 
Чат
We help you to choose the right product.
Начать чат