Question

我使用Sencha Architect 3.0作为我的extjs 5应用程序（不是触摸）。我需要使用icomoon字体实现字形。我正在执行以下步骤。

我有图标集及其样式，已在其demo.html页面中使用。

我在资源位置下的css文件夹中复制了字体文件夹和相关样式，也使用Sencha Architect添加了css。

在style.css中找到正确的字体位置。例如

@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot?-lgz2n8');
src:url('../fonts/icomoon.eot?#iefix-lgz2n8') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?-lgz2n8') format('truetype'),
    url('../fonts/icomoon.woff?-lgz2n8') format('woff'),
    url('../fonts/icomoon.svg?-lgz2n8#icomoon') format('svg');
font-weight: normal;
font-style: normal;}

在样式css中，我有以下类，例如：

[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-2008:before {
    content: "\e600";
}

在Ext按钮中，我将iconCls属性设置为＆＃34; icon-2008＆＃34;和字形为e600。

它向我显示按钮上的字形，但在按钮的背景中显示＆amp;＃e600。

在Sencha CMD：sencha应用程序刷新就好了..

请说明我做错了什么，或者我应该遵循哪些步骤？

由于

Answer 1

将与您的icomoon相关的css包含到您的app.json或index.html
在app.js或application.js中包含此行 Ext.setGlyphFontFamily（＆＃39; icomoon＆＃39）;
在您的按钮cfg中，无需提及iconCls来获取字形。您只能应用字形cfg。

字形：0xe600 - （非字符串值）

或

字形：＆＃39; 600 @ icomoon＆＃39; - （字符串值）

Answer 2

我终于让这个工作了，我所遵循的所有步骤都是正确的，只是我做错了就是设置字形代码：

我曾经将Glyph代码设置为e600 @ icomoon，正确的表示应该是

public class SimpleClass
{
    // Static variable that must be initialized at run time. 
    public static SqlConnection singletonConnection;

    // Static constructor is called at most one time, before any 
    // instance constructor is invoked or member is accessed. 
    static SimpleClass()
    {
        singletonConnection = new SqlConnection("Data Source.....");
    }
}

它应该工作!!

Sencha Architect ExtJs应用程序中的Icomoon Glyphs无效

2 个答案: