Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 22

Thread: ST2.2RC WP8 Cordova - icon font not shown

    You found a bug! We've classified it as TOUCH-4312 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #11
    Sencha User
    Join Date
    May 2013
    Posts
    11

    Default

    Hello,

    I cant get this working!

    I deleted the original Base64 part from my app.css

    @font-face {
    font-family: "Pictos";
    src: url('data:application/x-font-woff;base64,d09GR....
    }


    replaced it with:
    <style type="text/css">
    @font-face {
    font-family: 'Pictos';
    src:url('fonts/pictos-web.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }
    </style>


    directly in my index.html.

    and I have placed the pictos file and folder relative to my index.html.


    I is still not working!

    I already tried to debug with weinre, but i cant see any css resource or erros

    pls help me, this looks so ugly..

  2. #12
    Sencha User
    Join Date
    Dec 2012
    Posts
    44

    Default

    It doesnot work for me.
    Where should i place this css in win.css ? or directly in html file?

  3. #13
    Sencha User
    Join Date
    Dec 2012
    Posts
    44

    Default

    My work around is here http://stackoverflow.com/a/19889913/1100248 at least it works for sure.

    Also suggestion for sencha would be next instead of base64 fonts use encode images probably....

  4. #14
    Sencha User
    Join Date
    Apr 2012
    Location
    Vicenza, Italy
    Posts
    31

    Default Workaround not working for me

    The solution proposed in the post above:

    http://www.sencha.com/forum/showthre...l=1#post972288

    is not working for me.
    Do you have any suggestions? Is there a quick way to turn back to iconMask since this isn't working and I should ship my app soon?

    [EDIT] Sorry I didn't see Belkin's proposal in the first place. Trying that, now.

  5. #15

  6. #16
    Sencha User
    Join Date
    Apr 2012
    Location
    Vicenza, Italy
    Posts
    31

    Default

    Thanks Belkin. Couldn't find a way to properly solve the issue so I adopted your workaround. I created a mixin to avoid repeating css, and instead of adding the 'win' class, i leveraged the 'x-windowsphone' that sencha gives us on wp8:

    Code:
    @mixin windowsphone-icon($name, $icon) {
        
        .x-tab .x-button-icon.#{$name}:before,
        .x-button .x-button-icon.#{$name}:before {
            content: none;
        }
        
        .x-button-icon.#{$name} {
            background-image: url(#{$icon});
            background-repeat: no-repeat;
            background-size: contain;
        }
        
    }
    
    .x-windowsphone {
        
        @include windowsphone-icon('list', '../images/icons/list.png');
        
    }

  7. #17
    Sencha User
    Join Date
    Dec 2012
    Posts
    44

    Default

    Post it on stackoverflow too we are not alone who has that problem

  8. #18

    Default

    It seems to be working for me on phone with GDR3 update. Can anyone confirm?

  9. #19
    Sencha User
    Join Date
    Feb 2014
    Posts
    7

    Default

    Yes,

    I can confirm. Since GDR3 it works without the need to change anything.

    After installing Emulator Version 3 update...
    http://www.microsoft.com/en-us/downl....aspx?id=41559

  10. #20
    Sencha User
    Join Date
    Mar 2013
    Posts
    59

    Default

    I hope that the known issues are fixed in WP8.1 (icon font, session cookies, clear icon...).

    I also blogged an article about icon fonts and WP8: http://tol8.blogspot.com/2014/01/sen...-fonts-on.html

Page 2 of 3 FirstFirst 123 LastLast

Posting Permissions

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