Flashing old Font when Page Loads (Baskerville 2)

• 

  chrisaustinmusic · Member · Aug 27, 2017 at 11:18 pm

  • Copy link
  • Add topic to favorites

  I have added:

  .wf-loading body {
  visibility: hidden;
  }

  in my CSS in the customize screen, but the default font still flashes when my page loads. I am running at about 100mbps so if it is flashing for me, I am really worried it will seem super unprofessional to users with slower speeds when I publicize my webpage.

  Is there something wrong with the code I am using or a different way to stop this from happening?

  Best,

  Chris

  The blog I need help with is: (visible only to logged in users)

• 

  kathrynwp · Staff · Aug 28, 2017 at 4:06 pm

  • Copy link

  I loaded your site in a browser where I’d never viewed it before, but I didn’t see any FOUT (flash of unstyled text). My speed is 30 MBPS. I made a screencast:

  I’m not sure why you’re still seeing it. There isn’t anything else you can do to minimize it with CSS, aside from returning to the theme’s default font.

• 

  chrisaustinmusic · Member · Aug 28, 2017 at 7:48 pm

  • Copy link

  Hmm well, thats good that its not flashing, perhaps for me its only flashing since I’m on the administrative account.

  Thanks for all your help!

  Cheers,

  Chris

• 

  kathrynwp · Staff · Aug 28, 2017 at 8:03 pm

  • Copy link

  You’re welcome!