В IPS4 используется иконочный шрифт, называемый FontAwesome. Он позволяет отображать доступные иконки, не требующие дополнительного HTTP запроса и которые можно стилизовать с помощью CSS (и наследуют стили автоматически), а также их можно масштабировать без потери качества.
Использование
Иконка может быть включена в разметку с помощью использования следующего кода:
<i class='fa fa-название_иконка'></i>
Список доступных иконок с их названиями доступен на сайте http://fontawesome.io/icons/. Обратите внимание, что эти названия не начинаются с префикса ips, как и другие классы фреймворка; они используются с оригинальными названиями, как на сайте FontAwesome.
Иконки могут быть использованы везде, где можно использовать HTML код. Например, в тексте, на кнопке, в меню и так далее.
Постоянность иконок
Важно понимать, что иконка используется постоянно на всё сайте. Это относится и к основным разработчикам, а также к разработчикам приложений. Если различные иконки используются для одинаковых целей (что ещё хуже - иконка используется для других целей, чем должна), пользователи будут путаться программным обеспечением.
Для упрощения понимая, есть список иконок, которые предназначены для выполнения определённых действий в системе. Проверьте этот список на наличие иконки, которую вы хотели выбрать для себя, и, если она уже есть, выберите другую иконку. Названия иконок FontAwesome упоминается в оригинале, то есть без префикса fa-
Добавить
- plus-circle
- plus
Удалить
- times-circle
- trash-o
Изменить
- pencil
Вернуть
- undo
Перейти куда-либо
- arrow-right
Открыть внешнюю ссылку
- external-link
Подтвердить Да/Нет
- check
- times
Разрешения
- lock
- unlock
Авторизация/Войти
- key
Копировать
- copy
Настройки
- cog
Отметка ВКЛ/ВЫКЛ
- flag
- flag-o
Рейтинг Активный/Неактивный
- star
- star-o
Разработчик/Приложение
- cogs
Помощь
- question-circle
Объединить
- level-up
Код/PHP/HTML
- code
Сообщение/Написать письмо
- envelope-o
Поиск
- search
Просмотр
- search
Перезагрузить/Обновить
- refresh
Выполнить/Начать
- play-circle
Визуальный редактор/Простой режим
- magic