css - Sencha build - app.scss 崩溃

Question

我试图遵循这个例子：

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 文件夹中。

Answer 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');
.............