Установить или изменить шрифт для сайта Joomla

 

 Установить или изменить шрифт для сайта Joomla

 

Установить или изменить шрифт для сайта Joomla необходимо выполнить следующие действия:

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

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

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

 папка Fonts и css-файл

 

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

 содержимое папки Fontrs

 

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

 

Откройте font.css

 

Откройте 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 и загрузите его на сервер. Готово! Новенький шрифт уже на вашем сайте!