开发手册 欢迎您!
软件开发者资料库

Ext.js - 字体

Ext.js字体 - 从简单和简单的步骤学习ExtJS,从基本到高级概念,包括概述,环境设置,命名约定,架构,编写第一个Ext JS程序,OOPS概念,Dom操作,自定义事件和监听器,容器和布局,GUI控件(xType),UI组件,调试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'