Ext.js - шрифты

Ext.js предоставляет возможность использовать различные пакеты шрифтов. Пакеты шрифтов используются для добавления различных классов значков, доступных в пакете.

  • Font-Awesome
  • Font-Pictos

Font-Awesome

Новая тема ExtJS, Triton, имеет встроенное семейство шрифтов font-awesome, включенное в сам фреймворк, поэтому нам не нужны явные требования для таблицы стилей font-awesome.

Ниже приведен пример использования классов Font-Awesome в теме Triton.

Font-Awesome с темой Triton

Когда мы используем любую другую тему, кроме Triton, нам нужно или требуется явно добавить таблицу стилей для font-awesome.

Ниже приведен пример использования классов Font-Awesome без темы Triton.

Font-Awesome с обычной темой (любая тема, кроме темы Triton)

Font-Pictos

Font-pictos не входит в структуру ExtJS, поэтому мы должны требовать то же самое. Только лицензированные пользователи Sencha смогут использовать font-pictos.

Шаги по добавлению шрифтов-пиктосов

Step 1 - Требовать класс font-pictos с помощью следующей команды.

"requires": ["font-pictos"]

Step 2 - Теперь добавьте классы пиктос как -

iconCls: 'pictos pictos-home'