ExtJs6 FontAwesome 图标引用

效果如图

使用方法

效果一样喜欢哪个用哪个

glyph方式：

{
    text: '关闭',
    glyph: 'xf00d@FontAwesome',
    handler: function() {
		//随你
    }
}

iconCls方式：

{
    text: '关闭',
    iconCls : 'fa fa-line-chart',
    handler: function() {
		//随你
    }
}

 

样式网站：去找你喜欢的

https://fontawesome.com/cheatsheet?from=io

 

 

 

ExtJS附带三个Web字体包，可与您的应用程序一起使用。这些Web字体可用于指定用于提供iconCls或 glyph配置属性的组件的图标。

 

字体图标表

下面是参考表，其中提供了每个Font包中找到的可用图标的列表。这些表显示了用于glyph config属性的图标本身，字符或十六进制代码以及用于config属性的CSS类名iconCls。