Results 1 to 5 of 5

Thread: $font-family variables doesn't work since Touch 2.2

    Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-4352 in a recent build.
  1. #1
    Sencha User
    Join Date
    Sep 2011
    Location
    Tokyo, Japan
    Posts
    11

    Default $font-family variables doesn't work since Touch 2.2

    REQUIRED INFORMATION
    Ext version tested:
    • Sencha Touch 2.2.0
    Browser versions tested against:
    • Chrome
    • Mobile Safari
    DOCTYPE tested against:
    • Irrelevant
    Description:
    • When using $font-family variable to customize font family, it is not working. Html and Body's font falimy seems wrote by hard coding. Please check themes/stylesheets/sencha-touch/base/src/_Class.scss
    Steps to reproduce the problem:
    • Puts $font-family to app.scss.
    • Compile it by compass.
    The result that was expected:
    • html and body font family changes $font-family value.
    The result that occurs instead:
    • It remains "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, "BBAlpha Sans", sans-serif;
    Test Case:
    Code:
    // works well with 2.1.
    
    $font-family: "Comic Sans";
    
    @import 'sencha-touch/default/all';
    
    // You may remove any of the following modules that you
    // do not use in order to create a smaller css file.
    @include sencha-panel;
    @include sencha-buttons;
    @include sencha-sheet;
    @include sencha-picker;
    @include sencha-tabs;
    ...
    
    // not works with 2.2.
    $font-family: "Comic Sans";
    
    // 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';
    
    // It seems hard coded in touch/resources/themes/stylesheets/sencha-touch/base/src/_Class.scss
    
    html, body {
        font-family: "Helvetica Neue", HelveticaNeue, "Helvetica-Neue", Helvetica, "BBAlpha Sans", sans-serif;
        font-weight: normal;
        -webkit-text-size-adjust: none;
        margin: 0;
        cursor: default;
    }
    
    // changes code following, it work well.
    html, body {
        font-family: $font-family;
        font-weight: normal;
        -webkit-text-size-adjust: none;
        margin: 0;
        cursor: default;
    }
    HELPFUL INFORMATION
    Screenshot or Video:
    Possible fix:
    • html, body {
      font-family: $font-family;
      font-weight: normal;
      -webkit-text-size-adjust: none;
      margin: 0;
      cursor: default;
      }

  2. #2
    Sencha Premium User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    40,379

    Default

    Thanks for the report! I have opened a bug in our bug tracker.

  3. #3
    Sencha User
    Join Date
    May 2013
    Location
    Costa Rica
    Posts
    11

    Default

    I'm having the same issue, how can I solve it?

  4. #4
    Sencha User
    Join Date
    May 2013
    Location
    Costa Rica
    Posts
    11

    Default Help!

    Does anyone know how to solve this issue? I have downloaded the last Sencha Touch version (2.2.1), however, the problem persist... Thanks!

  5. #5
    Sencha User
    Join Date
    Mar 2007
    Posts
    448

    Default

    @aplicativa: the original post has a workaround. Also, this is fixed in 2.2.1.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •