If you’re not using Google fonts on your website, you can skip this section.
Some WordPress themes enqueue lots of unneeded Google Fonts. Your theme might be enqueuing various font weights and styles (bold and italic) when you only need 1 or 2 font weights (e.g. weights 300, 500). This is where having the option to selectively decide which fonts to load will make a significant difference to website performance.
Serving Fonts Locally
If you decide to go this route, the first steps is to click on the “Retrieve Fonts”.
This will retrieve all the Google Fonts added to your website and present them in a list format showing the font families, subsets and styles.
The next step is to manually click on each font subset and style you want to use on your website.
TIP: This can be a trial-and-error process unless you are very familiar with the coding and styling of your website. Figure out which font is used for the headings and titles. This font will usually use Bold styles which are weights 500, and above. And the main font for the body will usually be 300 or 400.
Once you’ve decided which fonts to use, click on the “Download Selected Fonts” button. This will downloaded the selected fonts and generate the necessary code to load the fonts on the website.