Homepage changing font for split second before reverting back

  • Resolved joannawilson

    (@joannawilson)


    6 years, 2 months ago

    Hi,
    This website isn’t finished yet but I’ve made it live so you can see the issue. On the Homepage and the headings of the internal pages, upon refreshing the page the font changes momentarily before reverting back to the correct size/font.
    If you could help I would be very grateful!
    Thank you,
    Joanna

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Farook Kholwadia

    (@judgerookie)

    6 years, 2 months ago

    there seems to be a conflict on loading with the possible mis-use of heading tags such h2 and h3

    they seem to be used when they’re holding regular text rather than headings?

    I believe the CSS loads heading settings and then the correct CSS settings for font-size

    I can’t recreate it in the browser inspector as of course it reverts on refresh 🙁

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    6 years, 2 months ago

    It’s called font flicker and happens when the downloadable fonts occur too slowly, so the page renders with the default fonts, then corrects.

    How are you specifying your fonts, both in CSS and as they’re loaded? Are you using wp_enqueue_style or some other method?

    Thread Starter joannawilson

    (@joannawilson)

    6 years, 2 months ago

    Thank you for your replies! Once I found out it had a name (font flicker) I found some custom CSS code and problem solved!

    It was:
    .wf-loading body {
    visibility: hidden;
    }

    Thanks so much,
    Joanna

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Homepage changing font for split second before reverting back’ is closed to new replies.