Google Fonts - always use display=swap to improve

Google Fonts - always use display=swap to improve Lighthouse scores

By default, Google fonts are loaded like this:

WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"]  }});

By appending &display=swap to the families parameter, it will use font-display: swap; in the CSS:

WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic&display=swap"]  }});

And then... I will have my perfect Lighhouse score 😢

Screenshot 2020...

Layout & Styles