如何添加一个像FontAwesome的新图标字体？

我一直在使用Sencha Touch很长一段时间，现在我正在尝试Sencha Architect。我需要包含FontAwesome以在我的按钮中使用更多图标。问题是，我不知道我有写：如何添加一个像FontAwesome的新图标字体？

@include icon-font('Awesome', inline-font-files('awesome/fontawesome-webfont.woff', woff, 'awesome/fontawesome-webfont.ttf', truetype,'awesome/fontawesome-webfont.svg', svg));

除此之外，我不知道这是哪里的字体必须被所在的文件夹。如果我将字体放在resources/scss/stylesheets/fonts/awesome中，编译器会引发一些错误。如果我把字体放在Library/Application Support/Sencha/Sencha Architect 3.0/extract/touch23-compile/themes/fonts中，它可以工作，但我认为这不是最好的解决方案。

有人知道将新字体添加到Sencha Architect项目的最佳方法吗？

谢谢大家。

来源

2014-02-06 Watto

你可以看到这一点： - http://stackoverflow.com/questions/21606558/sencha-architect-3-does-not-use-app-css –

在'resources-> saas-> stylesheets-> fonts-> fontAwesome'放置所有.eot，.svg，.ttf和.woff文件。在你app.scss文件包括它

// Custom font 
@include icon-font('CustomIcons', inline-font-files(
'fontAwesome/fontawesome-webfont.woff', woff, 
'fontAwesome/fontawesome-webfont.ttf', truetype, 
'fontAwesome/fontawesome-webfont.svg', svg, 
'fontAwesome/fontawesome-webfont.eot', eot 
));

后

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

和包括图标喜欢@include icon("settings", '\f085', "CustomIcons"); 现在“设置”类可以在iconCls用来显示http://fortawesome.github.io/Font-Awesome/icon/cogs/图标。 N.B.不要忘记编译scss文件。

来源

2014-02-12 11:10:38

它工作在煎茶触摸2，但不在Sencha Architect 3中。如果我按照您的指示，它不起作用。我认为Sencha Architect不使用app.scss。 – Watto

我有同样的问题。我试了一下，但失败了。我找到了一个简单的方法来做到这一点。 1.下载字体文件和css，并将它们放入floder中（如your_architect_floder/css /） 2.在架构师中导入css作为资源 3.添加一个按钮，不使用“text”，但使用html 。 '编辑' 惊人？ :-D

来源

2014-07-18 10:32:22 lee

我最近创建了这个新应用程序，它将帮助您为Sencha应用程序准备图标和相应的SASS文件（_icons-myfont.scss）。这已经通过Sencha Architect项目进行了测试。

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

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

来源

2014-09-25 05:03:51

如何添加一个像FontAwesome的新图标字体？

回答

相关问题