Стандартні шрифти 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 іконки

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