Site description font on mobile version not changing

  • clive57

    (@clive57)


    2 years, 7 months ago

    I recently changed the font on my site from Open Sans 300 to Open Sans 400 to make it more legible. The site description (“Artist and Printmaker”) I changed by ccs as I could not find any other way of doing it. While this has worked on the desktop version fine, on the tablet and mobile versions of the site description remains in Open Sans 300. Does anybody know a way of fixing this? Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • supernovia

    (@supernovia)

    2 years, 7 months ago

    Hi! This is a bit outside the scope of the theme support we can offer, but for what it’s worth, when I’ve seen cases like this, it’s that that particular font face wasn’t loaded. It could also be that Google opts against displaying that face on mobile for whatever reason, so you might check for info from their support, too.

    I hope this helps!

    jerrysarcastic

    (@jerrysarcastic)

    2 years, 7 months ago

    In this case I suspect the issue is that your custom CSS is nested within the mobile style declaration noted in this screenshot: https://d.pr/i/lbCf49

    Essentially, the styles below that one adopt the same min/max dimensions, so that is why you don’t see the 400 weight font on mobile, that style only applies to viewports that are larger than what you would find on a phone.

    Hope this helps!

    Thread Starter clive57

    (@clive57)

    2 years, 7 months ago

    Jerry B – Thank you!, that has fixed it. I have been trying to figure this out for ages, much appreciate your help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Site description font on mobile version not changing’ is closed to new replies.