Ext.js - 字体

Ext.js提供了使用不同字体包的功能.字体包用于为包中可用的图标添加不同的类.

  • Font-Awesome

  • Font-Pictos

Font-Awesome

ExtJS新主题Triton有一个内置字体系列字体-awesome包含在框架本身中,因此我们不需要对font-awesome样式表的任何明确要求.

以下是在Triton主题中使用Font-Awesome类的示例./p>

Triton主题字体真棒

除了Triton,我们正在使用任何其他主题,我们需要或要求为font-awesome明确添加样式表.

以下是使用没有Triton主题的Font-Awesome类的示例.

Font-Awesome with normal theme(除了Triton主题之外的任何主题)

Font-Picto s

字体图片不包含在ExtJS的框架中,因此我们必须要求相同.只有Sencha的许可用户才有权使用font-pictos.

添加Font-Pictos的步骤

步骤1 : 使用以下命令需要font-pictos类.

 
"requires":["font-pictos"]

第2步 : 现在将pictos类添加为 :

 
 iconCls:'pictos pictos-home'