IcoMoon - шрифтовые иконки

В данном материале речь пойдет об одной из новых возможностях Joomla - использовании шрифтовых иконок IcoMoon.

Изначально в Joomla 3.0 уже было встроено 145 векторных иконок, которые входили в стандартный состав JUI. Но с выходом новых версий набор иконок регулярно пополняется и на момент публикации релиза Joomla 3.2.2 их количество составляет уже более 200 шт.

Они используются в административной и фронтальной частях сайта. Основной особенностью этих иконок является то, что их можно бесконечно масштабировать (для этого достаточно изменить размер шрифта).

Иконки IcoMoon внедрены так же как и иконки Bootstrap. Теперь можно использовать так же как бы это делалось в Bootstrap. Это намного удобней. Вам не надо будет использовать Bootstrap класс icon-white, так как эти иконки уже сами подстраиваются под цвет шрифта на сайте.

Ниже представлен список шрифтовых иконок IcoMoon и примеры реализации.

Стоит отметить, что некоторые иконки имеют несколько наименований. Вероятно, это произошло по причине регулярных обновлений ядра Джумла и с выходом новых версий разработчики сохранили полную совместимость предыдущих.

Для того, чтобы начать использовать IcoMoon на сайте, достаточно в тексте Вашей страницы в том месте, где Вы хотите отобразить нужную иконку, присвоить элементу тип span class= с нужным значением, выбранным из списка.

Например:

  Joomla (CMS) - Content Management System
Система управления содержимым

Исходный код:

<span style="color: #BD362F;" class="icon-joomla"></span>&nbsp;&nbsp;
<span style="color: #4285F4">
   <strong>Joomla (CMS) - Content Management System<br />Система управления содержимым
    </strong>
</span>

Шрифтовые иконки IcoMoon