IcoMoon没有正确加载

Question

将Sencha Architect 2与Sencha Touch 2.2.1一起使用

我已经按照本教程，我的代码完全相同：

https://vimeo.com/66191690

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

即使它编译正确，如果我将iconCLS设置为新包含的icoMoon图标名称...... 什么都没有出现。

ICONCLS设置为“项目”选项卡的平面。我使用了飞机图标的默认字符'！'。在icomoon上没有任何改变，它是这个字体样本的所有默认属性。

Answer 1

icon-font mixin中的第一个属性是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项目进行了测试。

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

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