Ext.js - 字体


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

  • 字体真棒
  • 字体-图片

字体真棒

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

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

Triton 主题字体很棒

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

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

字体很棒,带有正常主题(Triton 主题以外的任何主题)

字体-图片

Font-pictos 不包含在 ExtJS 的框架中,因此我们必须有相同的要求。只有 Sencha 的授权用户才能享受使用 font-pictos 的好处。

添加字体图片的步骤

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

"requires": ["font-pictos"]

步骤 2 - 现在添加 pictos 类为 -

iconCls: 'pictos pictos-home'