Thin font on slider page in Safari

  • Resolved rogeratbing

    (@rogeratbing)


    6 years, 7 months ago

    Hi, I’m using the Google Font Montserrat for much of the page here. On the home page there is a slider and on that page, the navigation font gets extra thin when viewed in Safari. If I hide the slider in WP backend, the font is normal strength. I’ve tried all the ‘thin fonts on Safari’ CSS hacks and nothing has worked to make it normal strenght on Safari. Interior pages show the nav at the correct weight on Firefox and Safari. I’m guessing there is JavaScript running that is overlaying the text making it appear lighter, but can’t see what it is. Ideas?

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

Viewing 2 replies - 1 through 2 (of 2 total)

  • @rogeratbing

    Did you try below CSS, if you can try and check once

    body
    {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

    Thanks,
    Kartik

    Thread Starter rogeratbing

    (@rogeratbing)

    Thanks @kartiks16, yeah I tried that. I was finally able to make it work by adding the span to the selector. Still seemed to be affected by slider which was unusual. But I think this is solved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Thin font on slider page in Safari’ is closed to new replies.