extjs - Ext JS 6.2.0 Classic - iconCls 不适用于 Chrome

Question

尽管在 Firefox 上的配置与预期相同，但该图标不会在 Chrome 上显示。

这是我的actioncolumn配置：

xtype       : 'actioncolumn',
width       : 95,
align       : 'center',
sortable    : false,
menuDisabled: true,
items       : [{
    iconCls : 'icon-delete',
    tooltip : 'Delete',
    handler: function(grid, rowIndex, colIndex, node, e, record, rowNode) {
        // delete action
    }
}]

这是和相关的.css规则：actioncolumniconCls

.x-action-col-icon {
    color: #919191;
    font-size: 18px;
    height: 18px;
    width: 18px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
}

.icon-delete:before {
    font: 18px/1 FontAwesome;
    color: #dd6550;
    content: "\f056";
}

Chrome的屏幕截图：

对于火狐：

Answer 1

请检查这个小提琴，我已经检查过了，发现在 Chrome 和 Firefox 浏览器中都可以正常工作。

注意：到目前为止，我已经在 index.html 中包含了 font-awesome 和 css（由你提供）

附上截图：