IcoMoon未正确加载

Question

将Sencha Architect 2与Sencha Touch 2.2.1配合使用

我遵循了这个教程，我的代码是完全相同的：

https://vimeo.com/66191690

因为我正在尝试在我的应用程序中使用icoMoon图标/字体。

然而，即使它编译正确，如果我将一个iconCLS设置为一个新包含的icoMoon图标名称...根本没有显示任何内容。

ICONCLS在项目选项卡中设置为平面。我对平面图标使用的默认字符是'!‘。没有改变icomoon上的任何东西，它是这个字体示例的默认属性。

​

​

​

​

Answer 1

icon-font混合中的第一个属性是font-family，对于IcoMoon，该值是IcoMoon (它是在视频中设置的。

所以你的SASS文件应该是这样的：

@import 'sencha-touch/default';
@import 'sencha-touch/default/all';

@include icon-font('IcoMoon', inline-font-files('pictos/icomoon.woff', woff, 'pictos/icomoon.ttf', truetype, 'pictos/icomoon.svg', svg));

@include icon('plane', 't', 'IcoMoon');

更改文件名是可以的，但是更改font-family (在字体文件本身中设置)就不行了。

Answer 2

我最近还创建了这个新的应用程序，它将帮助您为Sencha Touch应用程序准备图标和相应的SCCS文件。这也已经在Sencha Architect项目中进行了测试。

该自述文件解释了在Ico Moon网站上创建图标以及使用该工具将Ico Moon项目文件转换为SCSS以便在Sencha Touch中使用的步骤。

• https://github.com/tohagan/sencha-ico-moon