Home Forums Air WordPress Theme webfont not working on mobile

This topic contains 17 replies, has 2 voices, and was last updated by  BWSM 2 months, 2 weeks ago.

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #15193

    hau
    Participant

    Hey,
    so far loving your theme. I just have an issue with a webfont that i’ve bought. It’s loading completely fine on desktop, but won’t show on mobile. It’s loading “Roboto” from Google Fonts instead. Any ideas?

    #15196

    BWSM
    Keymaster

    Hi,

    Please leave your page URL, I will test it, thanks!

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #15203

    hau
    Participant

    Hi,
    here is the url:
    http://work.sueperdesign.com/klebebande2018

    Typeface is called “Jaroslav”

    Thank You!

    #15207

    BWSM
    Keymaster

    Hi,

    I checked your web page. The font works on ios, doesn’t work on android.
    I did not see any issue report, it is really strange thing. I googled many pages but found nothing.
    I guessed the it doesn’t load font files from myfont(http://hello.myfonts.net/count/369c61) only on android.

    I created a demo page with @font-face here(the font files hosted on my own server), it works on android.
    I suggest you host the font files on your own host server also.

    The screenshots of my demo page:

    Regards!

    • This reply was modified 6 months, 4 weeks ago by  BWSM.
    #15209

    BWSM
    Keymaster
    This reply has been marked as private.
    #15212

    hau
    Participant

    This is strange, because it used to load on android, too. All of a sudden it stopped. Maybe it happened while playing around in css to render the fonts nicely.

    Thanks for trying to solve the problem.

    #15213

    hau
    Participant

    Happy you like it. I will talk to my partners about it and will then let you know.

    Cheers
    Hau

    #15214

    hau
    Participant

    Hi,
    i just found out what might be the reason.

    In custom css, when i put in these lines (from myfonts install kit) it also loads on android:

    h1, h2, h3, h4, h5 {
    font-family: JaroslavBold-Bold;
    font-weight: normal;
    font-style: normal;
    }
    h1, h2, h3, h4, h5 {
    font-family: JaroslavRegular-Regular;
    font-weight: normal;
    font-style: normal;
    }

    Problem is, it doesn’t look good and doesn’t load the real typeface when i set text in “bold”, instead it creates a bold version. To resolve this i put in theses lines instead:

    h1, h2, h3, h4, h5 {
    font-family: ‘Jaroslav’, default1, default2, default3;
    font-weight: bold;
    font-style: normal;
    }
    body {
    font-family: ‘Jaroslav’, default1, default2, default3;
    font-weight: normal;
    font-style: normal;
    }

    Now the font renders nicely, but it doesn’t load on Android. Also, like you suggested, the font is hosted on the hosts server. Do you see what the problem is?

    #15215

    BWSM
    Keymaster

    Hi,

    I checked again, it is same as yesterday.

    You said:

    Also, like you suggested, the font is hosted on the hosts server. Do you see what the problem is?

    Where is your own @font-face codes?

    I found there still this CSS linked: http://work.sueperdesign.com/klebebande2018/wp-content/plugins/Jaroslav/Jaroslav.css?ver=4.9.5
    I mean you should @font-face the font files from your own host instead by this CSS

    Regards!

    • This reply was modified 6 months, 4 weeks ago by  BWSM.
    #15221

    hau
    Participant
    This reply has been marked as private.
    #15223

    BWSM
    Keymaster

    The css and font files not linked,
    https://www.dropbox.com/s/nkzxie3ipoit8lq/QQ20180516-160700%402x.jpg?dl=0

    • This reply was modified 6 months, 4 weeks ago by  BWSM.
    #15227

    hau
    Participant
    This reply has been marked as private.
    #15233

    hau
    Participant
    This reply has been marked as private.
    #15234

    BWSM
    Keymaster

    Hi,

    Please use full css URL here: https://www.dropbox.com/s/belg3ut2d1wtlnx/Bildschirmfoto%202018-05-16%20um%2010.50.51.png?dl=0
    <link rel="stylesheet" type="text/css" href="http://work.sueperdesign.com/klebebande2018/MyFontsWebfontsKit.css">

    Please use font file full URL in MyFontsWebfontsKit.css
    @font-face {font-family: 'JaroslavRegular-Regular';src: url('http://work.sueperdesign.com/klebebande2018/webfonts/36A566_0_0.eot')...

    ——————————–
    If it doesn’t work, please send this post URL and wp-admin(url/user/pass) to uiueux@gmail.com, I’ll log in to check it.

    #15247

    hau
    Participant

    Hi,
    didn’t work. I will send you an Email.

    #15248

    hau
    Participant
    This reply has been marked as private.
    #16573

    hau
    Participant
    This reply has been marked as private.
    #16574

    BWSM
    Keymaster
    This reply has been marked as private.
Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!