How to properly use Google Fonts by preloading them

You are here:
Estimated reading time: < 1 min
In this article

The problem

The problem is that each plugin, such as Elementor or Revolution slider, or Customizer’s typography font lists, are all requesting the Google Fonts separately and can even load duplicate fonts and variants.

This can potentially cause a lot of performance problems and can slow down your site totally unnecessary.

Solution:

So what i did was to create a single source of truth for Google Fonts, to allow users to preload the fonts, which will be loaded into the entire website.

These fonts will be shown in every font list of Elementor or Customizer’s typography lists at the very beginning of the list.

Was this article helpful?
Dislike 0
Views: 41

Join the conversation