default font "flicker"

  • Author
    Posts
  • #139073

    I customized the theme with a different font type (Minion Pro) from the original script-style font type. Unfortunately whenever the page loads there is a flicker effect where the title is shown in default font for half a second before it is shown in the custom-selected one.

    How can I fix this so the default font does not appear at all?

    The blog I need help with is markrussellgallagher.com.

    #139088

    itsdavidmorgan
    Theme Author

    Hi Mark,

    This tends to occur with font changing plugins because the base font style remains the same. It might just be a matter of load order. So, you could try adding the following style in the Additional CSS section of the Customizer:

    #header .site-title {
      font-family: 'minion-pro-1', serif;
    }

    I hope this helps. Let us know if there is anything else.

    Thanks!

    #139090

    You are the best. Worked like a charm. Thank you!
    Mark

    #139130

    emilysuesrq
    Theme Author

    Glad that helped, Mark! You’re welcome.

    #139780

    wildkidsnyc
    Member

    Hi everyone,
    The same thing occurs and the problem still remains even after the additional CSS.
    Thanks for your help if you guys have any tips.

    #139901

    itsdavidmorgan
    Theme Author

    Hello,

    Please note the CSS needed for your site will be likely different than the CSS provided to the previous user, since I assume it’s not the same font.

    You will need to customize the previously provided CSS to match the font you are using.

    Thanks!

    #139914

    wildkidsnyc
    Member

    Hi and thank you for your time and your answer.
    Indeed I’ve tried additional CSS customized with the front I use but the problem was still remaining. Then WP support fixed it adding .wf-loading { display: none; }
    Thanks again!

    #140113

    emilysuesrq
    Theme Author

    Thanks for the follow up – noted!

The topic ‘default font "flicker"’ is closed to new replies.