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 リソース) にファイルを追加し、前述のコードを追加しました。