Swap Google Fonts Display

Leírás

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

Telepítés

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

Vélemények

2019.10.19.
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.
2019.08.06.
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.
4 (az összes) vélemény olvasása

Közreműködők és fejlesztők

“Swap Google Fonts Display” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

“Swap Google Fonts Display” fordítása a saját nyelvünkre.

Érdekeltek vagyunk a fejlesztésben?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Változási napló

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!