当前位置: 首页 > 文档资料 > ExtJS 入门教程 >

Fonts

优质
小牛编辑
125浏览
2023-12-01

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

  • Font-Awesome
  • Font-Pictos

Font-Awesome

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

以下是在Triton主题中使用Font-Awesome类的示例。

Font-Awesome与Triton主题

当我们使用除Triton之外的任何其他主题时,我们需要或要求明确地为font-awesome添加样式表。

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

Font-Awesome与普通主题(任何主题,然后Triton主题)

Font-Pictos

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

添加Font-Pictos的步骤

Step 1 - 使用以下命令要求font-pictos类。

"requires": ["font-pictos"]

Step 2 - 现在将pictos类添加为 -

iconCls: 'pictos pictos-home'