Swap Google Fonts Display

Description

Inject font-display: swap to Google Fonts to ensure text remains visible during webfont load

Quick Links

How it Works?

Swap Google Fonts Display plugin will find all Google Fonts in a webpage and set its font-display to swap

By default browser will wait until the Google Fonts are downloaded to display the font. This is the reason for the error ‘ensure text remains visible during webfont load’ in Google PageSpeed Insights

Luckily Google Fonts now supports setting font-display via a new query parameter. By setting font-display to swap, the browser uses the fallback font and when downloading actual font is complete, it just swaps the font!

Note: Plugin can’t add font-display: swap to dynamically (via JS) injected Google Fonts

Installation

Just install the plugin and active it. No further configuration is needed.

Reviews

November 5, 2019
Thank you for this awesome plugin! I have nice results!
October 19, 2019
love it, been a couple of weeks since I've installed it and its so good that I even forgot that its solved an issue I was breaking my head about. the dev is an amazing guy.. he helped me improve my site and went above and beyond.
August 6, 2019
My friend Gijo made this plugin and I use this plugin on each and every site I work with. Sometimes, it does not work with the fonts in which are used by sliders etc Rev slider. But, still, this is the only plugin we have to Swap Google Fonts. Thanks, Gijo for developing this plugin.
Read all 4 reviews

Contributors & Developers

“Swap Google Fonts Display” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.3

  • Checks entire HTML for Google Fonts (previously only)

1.0.2

  • Support for Web Font Loader

1.0.1

  • Removed unwanted CSS and JS files
  • Removed unwanted boilerplate php files
  • Prevent multiple display swaps (if already added by theme/plugins)
  • Added donation link

1.0

  • First release!