load fonts asynchronously?

  • Hi. I load fonts asynchronously but i do it using plugin. (google fonts and Font Awesome)

    How can I load fonts without asynchronous plugin?

    without “link rel” or swap. because plugins don’t use them. swap or “link rel” pagespeed doesn’t work either.

    thanks

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

  • Hi,

    we had the same problem to solve on our website and we decided to use the font-display option “swap”.

    When you use this one it will Instructs the browser to use the fallback default font to display the website text until the custom webfont has fully downloaded. This is also known as a “flash of unstyled text” or FOUT.

    It will improve the loading tremendously, especially on mobile devices. The only drawback is that the site could look clunky in the first second until the webfont is loaded. We don’t care about that, as loading time matters and after a second our site looks nice and clean. That extra dynamic movement on your page will also have a good psycholgical impact on the waiting patience of your visitors for the whole site.

    It’s better to show not good looking text than nothing.

    In our tests it had a significant positive impact on the page speed.

    HI @devrekli

    I did a quick online search for “wordpress load fonts asynchronously” and these two results look promising.

    https://metabox.io/load-google-fonts-wordpress/
    https://css-tricks.com/how-to-load-fonts-in-a-way-that-fights-fout-and-makes-lighthouse-happy/

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘load fonts asynchronously?’ is closed to new replies.