Свой шрифт в Joomla
- Информация о материале
- Категория: Joomla
- Опубликовано: 21.03.2018, 09:31
- Автор: HelpDesk
- Просмотров: 1962
Этот урок покажет вам, как добавить любой шрифт на свой сайт 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 может быть уже объявлен в другом файле, и, чтобы заменить его, необходимо либо найти это место в коде и поставить свое имя шрифта вместо старого, или добавить параметр important
Итоговый код должен выглядеть так:
Сохраните изменения в файле templates/название_вашего_шаблона/css/template.css и загрузите его на сервер. Готово! Новенький шрифт уже на вашем сайте!