Sencha touch2:如何将默认字体更改为我们的自定义字体?

时间:2013-06-28 12:30:32

标签: extjs4 sencha-touch sencha-touch-2 extjs4.2

在将默认字体更改为我自己的自定义字体(如Arial或新罗马时)时遇到问题。我已经按照教程,但无法得到它。我已经破坏了默认主题但无法更改默认字体。 这里是代码小片段供您参考。 app.scss:

    $base-color: #9284b5; // this worked
    $base-gradient: glossy; // this worked
    $include-default-icons: false;
    $font-family: '../fonts/Candara.ttf'; // this didn't work
   //$font-family:Arial; // this didn't work 
    // The following two lines import the default Sencha Touch theme. If you are building
    // a new theme, remove them and the add your own CSS on top of the base CSS (which
    // is already included in your app.json file).
    @import 'sencha-touch/default';
    @import 'sencha-touch/default/all';

    // Custom code goes here..
    @import 'sencha-touch/default/src/Button';
    @import 'sencha-touch/default/src/Class';
    @import 'sencha-touch/default/src/Button';
    @import 'sencha-touch/default/src/Panel';
    @import 'sencha-touch/default/src/Sheet';
    @import 'sencha-touch/default/src/MessageBox';
    @import 'sencha-touch/default/src/Toolbar';
    @import 'sencha-touch/default/src/carousel/Carousel';
    @import 'sencha-touch/default/src/form/Panel';
    @import 'sencha-touch/default/src/form/FieldSet';
    @import 'sencha-touch/default/src/field/Field';
    @import 'sencha-touch/default/src/field/Checkbox';
    @import 'sencha-touch/default/src/field/Radio';
    @import 'sencha-touch/default/src/field/Search';
    @import 'sencha-touch/default/src/field/Select';
    @import 'sencha-touch/default/src/field/Slider';
    @import 'sencha-touch/default/src/field/Spinner';
    @import 'sencha-touch/default/src/field/TextArea';
    @import 'sencha-touch/default/src/dataview/IndexBar';
    @import 'sencha-touch/default/src/dataview/List';
    @import 'sencha-touch/default/src/picker/Picker';
    @import 'sencha-touch/default/src/plugin/ListPaging';
    @import 'sencha-touch/default/src/plugin/PullRefresh';
    @import 'sencha-touch/default/src/slider/Slider';
    @import 'sencha-touch/default/src/slider/Toggle';
    @import 'sencha-touch/default/src/tab/Panel';

    // Examples of using the icon mixin:
    // @include icon('user');

使用Sencha touch ver:2.2.0 sencha cmd:3.1.0.256。 任何人都可以帮帮我吗?感谢。

1 个答案:

答案 0 :(得分:1)

升级到Sencha Touch 2.2.1,这个问题将得到解决。