Joomla. Как изменить шрифт fontsquirrel. Joomla изменить шрифт


Joomla 3.x. Как управлять настройками шрифта

Из этого туториала Вы узнаете, как управлять настройками шрифта в шаблоне Joomla 3.x.

Joomla 3.x. Как управлять настройками шрифта

  1. Войдите в админ панель Joomla, перейдите на вкладку Расширения -> Шаблоны (Extensions -> Templates), откройте стили для ThemeXXXX (где XXXX – это номер вашей темы):

    Joomla 3.x.How to manage Typography settings-1

  2. Нажмите на вкладку Типография (Typography), для того чтобы начать редактирование:

    Joomla 3.x.How to manage Typography settings-2

  3. Вид «Избранные записи» (Featured View) — используется для изменения настроек шрифта (Заголовок страницы и Заголовки элементов) на странице Избранной записи:

    Joomla 3.x.How to manage Typography settings-3

  4. Вид «Категория» (Category View) – используется для изменения настроек шрифта для записей категории, Вида Галереи и страниц записей Архива:

    Joomla 3.x.How to manage Typography settings-4

  5. Вид «Блог» (Blog View) — используется для изменения настроек шрифта для страницы Блога категории:

    Joomla 3.x.How to manage Typography settings-5

  6. Вид «Запись» (Item View) – используется для изменения настроек шрифта страницы отдельной записи:

    Joomla 3.x.How to manage Typography settings-6

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

Joomla 3.x. Как управлять настройками шрифта

www.templatemonster.com

Joomla. Как изменить шрифт fontsquirrel

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

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

2. Перейдите по адресу http://www.fontsquirrel.com/fontface/generator , выберите и загрузите Ваш шрифт.

3. Примите соглашение. Мы рекомендуем использовать оптимальные предпочтения. Скачайте шрифт.

4. Распакуйте пакет шрифта и переименуйте файлы в нём на те, которые используются в оригинальном шаблоне. Вы можете найти оригинальные файлы шрифтов в папке themeXXX\fonts. Где XXX является номером Вашей темы.

5. Замените оригинальные файлы шрифтов на те, которые Вы только что загрузили.

6. Обновите страницу Вашего сайта, чтобы увидеть изменения.

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

Joomla. Как изменить шрифт fontsquirrel

www.templatemonster.com

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

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

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

2. Откройте файл index.php, находящийся в папке темы и найдите ссылку на шрифт Google web.

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

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

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

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

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

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

5. Отредактируйте ссылку, чтобы она выглядела как оригинальная ссылка шрифта.

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

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

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

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

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

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

info.template-help.com


Prostoy-Site | Все права защищены © 2018 | Карта сайта