Blog

Ext.js Fonts provides the facility to use different font packages. Font packages are used to add different classes for icons available in the package.

• Font-Awesome
• Font-Pictos

Font-Awesome

ExtJS new theme, Triton, has an inbuilt font family font-awesome included in the framework itself, hence we do not need any explicit requirement for the font-awesome stylesheet.

Following is an example of using Font-Awesome classes in the Triton theme.

Font-Awesome with Triton theme

When we are using any other theme apart from Triton in Ext.js fonts, we need or require to add a stylesheet for font-awesome explicitly.

Following is an example of using Font-Awesome classes without the Triton theme.

Font-Awesome with normal theme(Any theme other then Triton theme)

Font-Pictos

Font-pictos is not included in the framework for ExtJS, hence we have to require the same. Only licenced users of Sencha will have the benefit to use font-pictos.

Steps to Add Font-Pictos

Step 1 − Require font-pictos class using the following command.

"requires": ["font-pictos"]

Step 2 − Now add pictos classes as −

iconCls: 'pictos pictos-home'

Next Topic : Click Here