Tagged: , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 23, 2019 at 8:39 pm #1150626
    jannnnnneke

    Hi!

    I’m using Google Font ‘Raleway’ which is perfect, but on my mobile (iphone 8) the font weight is not as bold as it should be. It looks regular on mobile, while desktop site is perfect. Do you have any idea how to solve that? I really want it to be bolder, because that’s the same as the logo and looks a lot nicer.

    When I go to the google font page on mobile the font is bold. So I think it has nothing to do with my mobile but with the site (maybe the theme?).

    Hope you can help!

    Thanks a lot for all your support!

    Janneke

    October 24, 2019 at 5:01 am #1150733
    Rikard

    Hey Janneke,

    I couldn’t see any bold elements on the page you linked to, where can we see and reproduce the problem you are having?

    Best regards,
    Rikard

    October 24, 2019 at 8:44 am #1150765
    jannnnnneke

    Hi! Sorry I mean the titles/headigs! Those are bold (700 font weight)!

    October 24, 2019 at 12:41 pm #1150870
    jannnnnneke

    I’m using Safari and there it is perfect, but now I’m having a look at the site in Google Chrome and there the headings are also not as bold as it should be. Please have a look at desktop version safari, there are the headings more bold.

    I got some screenshots. 2 of Google Chrome and 2 of Safari. Can you open this?

    https://ibb.co/6B0VVD9
    https://ibb.co/fCq9rQS
    https://ibb.co/nDtqLyd
    https://ibb.co/GdVFdLD

    October 28, 2019 at 10:52 pm #1151933
    Jordan Shannon

    Hi,

    Are you using the font menu options (such as for light, normal, medium bold, etc.) or are you trying to manually apply bold

    Best regards,
    Jordan Shannon

    November 11, 2019 at 11:23 am #1155538
    jannnnnneke

    Hi! Sorry for the late respons, I’m not sure if I totally understand you’re question but what I do is trying to add custom css like this:

    h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    text-transform: none;
    }

    In safari it works, but in chrome I dont see the bold font or at least not as bold as it should be. When I change it to 900 still nothing happens and in Safari it does.

    I’ve also changed font weight to 600 in advanced styling tab to the buttons and menu buttons, but there is also nothing happening in Chrome.

    I’ve added login details in private content. Maybe you can see what’s going wrong? Thanks a lot!

    November 13, 2019 at 11:54 am #1156353
    Ismael

    Hi,

    Thank you for the update.

    The Raleway font was actually displayed using the regular font weight even on desktop view because that’s the only available variation. We downloaded the font from Google including some of its variations and uploaded it in the Import/Export > Custom Font Manager. It is now displaying the actual 700 font weight variation.

    Best regards,
    Ismael

    November 13, 2019 at 2:49 pm #1156412
    jannnnnneke

    YES! Perfect! Thank you so much!

    November 13, 2019 at 10:45 pm #1156553
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    November 13, 2019 at 10:52 pm #1156559
    jannnnnneke

    You can close it, thanks a lot!

    November 13, 2019 at 10:56 pm #1156561
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Google font not bold on mobile’ is closed to new replies.