4

sencha Architect プロジェクトにカスタム フォント アイコンを追加し、不要なテーマ クラスを削除しようとしていますが、Sencha Architect は app.scss をまったく使用していないようです (私のプロジェクトの resources/sass フォルダーにあります)。私が行った変更は、アーキテクトにもアプリの起動時にも適用されません。

app.scss

$include-pictos-font: 
false; $include-default-icons: false;

@import 'sencha-touch/default';   
@import'sencha-touch/default/src/Class';

@include icon-font('CustomFont', inline-font-files(  
'customFont/customFont.woff', woff,   'customFont/customFont.ttf',
truetype,   'customFont/customFont.svg', svg ));

@include icon("map"  , "e600", "CustomFont"); @include
icon("check_filled", "e602", "CustomFont");

言及しておくと、scss ファイルを css にコンパイルしたところ、問題なくコンパイルされました。

誰か詳しく教えてください。

私は使っている:

  • Sencha アーキテクト 3.0.2.1375
  • コマンド: 4.0.2.67
  • フレームワーク: Sencha Touch 2.3.x

アップデート:

Architect は app.scss ファイルをテーマの理由で使用していないことがわかりました (Phill の投稿を参照)。アイコンフォントを挿入しようとすると、別の問題が発生しました。フォント ファイルが見つかりませんでした。理由は次の投稿に記載されています: http://www.sencha.com/forum/showthread.php?280895-How-to-correct-the-Font-theming-in-Architect3

次のコードで問題が解決され、新しいアイコン フォントを問題なく使用できるようになりました。

$font-files:
         url('../resources/sass/stylesheets/fonts/bla/bla.woff') format("woff"), 
         url('../resources/sass/stylesheets/fonts/bla/bla.ttf') format("truetype"), 
         url('../resources/sass/stylesheets/fonts/bla/bla.svg') format("svg");

@include icon-font('IcoMoon', $font-files); 

@include icon("map"  , "\e600", "IcoMoon"); 
@include icon("check_filled", "\e602", "IcoMoon");

明確にする。Architect のテーマ (scss リソース) にファイルを追加し、前述のコードを追加しました。

4

1 に答える 1