我试图遵循这个例子:
http://extdesenv.com/theming/adding-custom-font-icons-to-sencha-touch-2-2/
其中介绍了如何设置应用以使用iconmoon字体。
他们究竟解释了什么并且没有用。我对Ruby,css或scss没有任何好处,所以这可能是一个愚蠢的错误。
以下是错误报告:
这是我的config.rb文件:
# Get the directory that this configuration file exists in
dir = File.dirname(__FILE__)
# Load the sencha-touch framework automatically.
load File.join(dir, '..', '..', 'touch', 'resources', 'themes')
# Compass configurations
sass_path = dir
css_path = File.join(dir, "..", "css")
fonts_path = File.join(dir,"..","fonts")
# Require any additional compass plugins here.
images_dir = File.join(dir, "..", "images")
output_style = :compressed
environment = :production
这是我的app.scss文件
@import 'sencha-touch/default';
@import 'sencha-touch/default/all';
@include icon-font('Test', inline-font-files(
'Test/Test.woff', woff,
'Test/Test.ttf', truetype,
'Test/Test.svg', svg
));
@include icon("airplane", "t", "Test");
那是我的目录
请注意,使用的iconmoon字体位于Resources文件夹的Font文件夹中。
答案 0 :(得分:1)
有人刚刚在另一个论坛上回答了我的问题。
答案是
将iconmoon字体放在Ressources / Sass / stylesheet / font文件夹中 不要修改config.rb 使用正确的FontName
将这些行添加到app.scss//Load font
@include icon-font('FontName', inline-font-files('fontname/fontname.woff', woff, 'fontname/fontname.ttf', truetype,'fontname/fontname.svg', svg));
//Generate icon's class
@include icon('cps-icon-arrow-right','CHARACTERSelected','FontName');
.............