Закрыть Авторизация

     

Свой шрифт в Joomla

как добавить свой шрифт в Joomla

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

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

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

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

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

Свой шрифт в Joomla

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

как добавить шрифт в joomla

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

шрифт joomla

Откройте 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;
}

 

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

шрифт элемента joomla

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