Свой шрифт в Joomla

0
36

Этот урок покажет вам, как добавить любой шрифт на свой сайт Joomla и применить его к тексту.

Для того, чтобы применить специальный шрифт для текста Вашего сайта, Вы должны выполнить следующие действия:

Скачайте шрифт из Интернета или просто скопируйте его из папки System. Например, Windows хранит свои шрифты в папке C:\Windows\Fonts. Убедитесь, что Формат шрифта либо TTF (TrueType шрифт), либо OTF (шрифт OpenType).

Перейдите на сайт Font2Web, выберите скачанный шрифт (найдите файл на своем компьютере) и нажмите на кнопку "Convert and Download".

Вы получите zip-архив. Из архива нам нужна только папка Fonts и css-файл

Загрузите содержимое папки Fontrs в папку templates название_вашего_шаблона/css/template.css на сервере. Убедитесь, что файлы имеют разрешения доступа 644

Откройте font.css, найдите в файле атрибут URL и исправьте ссылки из fonts/XXX.xxx в  ../fonts/XXX.xxx (добавьте две точки и слэш в начале). Вы также должны изменить атрибут font-family так, чтобы он совпадал с именами файлов:

Откройте templates/название_вашего_шаблона/css/template.css  и прокрутите вниз до самого конца. Туда нужно вставить код, скопированный из файла fonts.css

Теперь вы можете применить новый шрифт к любому элементу, задавая атрибут font-family. Вы должны добавить следующий код в самом низу файла templates/название_вашего_шаблона/css/template.css 

icemegamenu > ul > li > a.iceMenuTitle {
font-family: newfont;
}

.icemegamenu > ul > li > a.iceMenuTitle является элементом конкретного селектора. Иногда font-family может быть уже объявлен в другом файле, и, чтобы заменить его, необходимо либо найти это место в коде и поставить свое имя шрифта вместо старого,  или добавить параметр important

.icemegamenu > ul > li > a.iceMenuTitle {
font-family: newfont !important;

Итоговый код должен выглядеть так:

Сохраните изменения в файле templates/название_вашего_шаблона/css/template.css и загрузите его на сервер. Готово! Новенький шрифт уже на вашем сайте!

Похожие записи

19.06.2019
0
7

Joomlashack Community v4.2.17 - социальный шаблон для Joomla

Joomlashack Community - это отличный вариант создания общественной сети для обмена полезной информаци...
18.06.2019
0
6

Какие сайты создают на Joomla

Аббревиатура CMS обозначает понятие Content Management Software, или по-русски Система Управления Содержи...
17.06.2019
0
13

Панель управления Joomla — управление backend

Вступление У сайта Joomla есть две части, одна часть для посетителей, называемая Frontend (фронтэнд)...

Комментарии

Ваш комментарий будет отправлен на модерацию.
  • Комментарии не найдены