Font Changing/Flashing on Load

Help
1

I wanted to eliminate the abrupt font change once the right webfonts load (even if I appreciate the content getting priority over the appearance), so I used the CSS below, but it still flashes. It went from:

  1. Content>styled content

  2. Content>blank>styled content

    .wf-loading * {
    opacity: 0 !important;
    }

    .wf-active *,
    .wf-inactive * {
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    }

Any advice? Website is https://sim.show

2

Hey @salis,

This has been brought up a while ago in a previous topic. It looks like this was the resolution…

Don’t know if that brings some resolution to you. We can definitely look into further though. If it helps, I didn’t notice any font flashing when I went to your site.

3

Thanks CJ! I removed the wf- classes and CSS mod and reduced custom fonts. Not worth it for now, looks great the way it is. Thanks for the help!