Свой шрифт в Joomla

0
78

Этот урок покажет вам, как добавить любой шрифт на свой сайт 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 и загрузите его на сервер. Готово! Новенький шрифт уже на вашем сайте!

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

07.07.2019
0
84

5 Калькуляторов Joomla под любые задачи, обзор и настройка

Сегодня при помощи сторонних разработок для joomla можно рассчитать всё, что угодно: стоимость ...
06.07.2019
0
66

Меню в Joomla — добавление вложенного или выпадающего меню

В шаблоне позиции для меню обычно предусмотрены слева или справа, а так же и в верху (горизонт...
08.07.2019
0
111

Тестируем Joomla 4: административная панель, разделы, поле работы вебмастера

Концепция оформления административной панели joomla4 разработана веб-студией JoomShaper, специализ...

Комментарии

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