- Ext.js - Home
- Ext.js - Overview
- Ext.js - Environment Setup
- Ext.js - Naming Convention
- Ext.js - Architecture
- Ext.js - First Program
- Ext.js - Class System
- Ext.js - Containers
- Ext.js - Layouts
- Ext.js - Components
- Ext.js - Drag & Drop
- Ext.js - Themes
- Ext.js - Custom Events and Listeners
- Ext.js - Data
- Ext.js - Fonts
- Ext.js - Style
- Ext.js - Drawing
- Ext.js - Localization
- Ext.js - Accessibility
- Ext.js - Debugging Code
- Ext.js - Methods
Ext.js - Fonts
Description
Extjs provides the facility to use different font packages:
1. Font-Awesome
2. Font-Pictos
Font-Awesome
ExtJS new theme triton has the inbuilt font family font-awesome included in the framework inself so we do not need any explicit require for the font-awesome stylesheet.
Font-Awesome with Triton theme
When we are using any other theme other than Triton we need to require or add stylesheet for font-awesome explicitly.
Font-Awesome with normal theme(Any theme other then Triton theme)
Font-Pictos
Font-pictos is not include in framework for EXTJS so we have to require it first and only licenced user of sencha will have the benefit to use font-pictos.
Steps to add font-pictos
1. Require font-pictos class like :
"requires": ["font-pictos"]
2. Now add pictos classes as:
iconCls: 'pictos pictos-home'
Advertisements