Стандартные шрифты Joomla Icomoon

В Joomla 3 и Joomla 4 есть собственный набор шрифтов Icomoon. Этот шрифт значков доступен по умолчанию для использования в стандартных шаблонах интерфейса сайта и административной части сайта.

Добавление шрифтов Icomoon в шаблон сайта Joomla

Если набор шрифтов Icomoon недоступен в вашем шаблоне сайта, то добавить его можно следующим способом:

1. Откройте Панель управления сайта.
2. Перейдите в раздел Система → Шаблоны сайта.
3. Кликните по тому шаблону, в который вы хотите добавить набор шрифтов Icomoon.
4. Откройте для редактирования файл index.php и добавьте в него следующий код:

$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl.'/media/jui/css/icomoon.css');

Вызов шрифтов Icomoon

Иконочные шрифты можно вызывать с помощью <span class="icon-name-of-icon"> и {пробел}:

Пример:

<span class="icon-joomla"> </span>

Размер шрифтов Icomoon

Поскольку значки являются шрифтами, то их размером можно управлять с помощью операторов class или style.

Пример:

<span class="icon-joomla large-icon"> </span>
<span class="icon-joomla" style="font-size:24px;"> </span>

Доступные Icomoon иконки

Это полный список, включая альтернативные имена для вызова значка. Альтернативные имена идут после '/'.