Ext.js - Fontes

Ext.js fornece a facilidade de usar diferentes pacotes de fontes. Pacotes de fontes são usados ​​para adicionar classes diferentes para ícones disponíveis no pacote.

  • Font-Awesome
  • Font-Pictos

Font-Awesome

O novo tema do ExtJS, Triton, tem uma família de fontes embutida, incrível incluída na própria estrutura, portanto, não precisamos de nenhum requisito explícito para a folha de estilo incrível de fontes.

A seguir está um exemplo de uso de classes Font-Awesome no tema Triton.

Font-Awesome com tema Triton

Quando estamos usando qualquer outro tema além do Triton, precisamos ou solicitamos adicionar uma folha de estilo para a fonte incrível explicitamente.

A seguir está um exemplo de uso de classes Font-Awesome sem o tema Triton.

Font-Awesome com tema normal (qualquer tema diferente do tema Triton)

Font-Pictos

Font-pictos não está incluído na estrutura do ExtJS, portanto, temos que exigir o mesmo. Apenas usuários licenciados do Sencha terão o benefício de usar font-pictos.

Passos para adicionar Font-Pictos

Step 1 - Requer classe font-pictos usando o seguinte comando.

"requires": ["font-pictos"]

Step 2 - Agora adicione classes pictos como -

iconCls: 'pictos pictos-home'