Local Fonts

Last updated on 2022-09-14 14:25:54

These settings affect the fonts OMGF (Pro) downloads and the generated stylesheet(s). Below the screenshot you’ll find a rundown of each option. Once you’re done configuring, you can simply click Save & Optimize.

Task Manager

OMGF (Pro)'s task manager offers a quick overview of your cached stylesheets and their status, along with simple management tasks, e.g. Configure, Remove or Empty/Refresh Cache Directory

Font-display option (default: Swap)

Only change this if you know what you’re doing. In most situations ‘Swap’ is what you’re looking for, since it removes the Ensure text remains visible during webfont load optimization suggestion in Google PageSpeed Insights, effectively increasing your scor

Apply Font-display Option Globally (only available in OMGF Pro — default: off)

When this option is checked, OMGF Pro will parse all (CSS) stylesheets troughout your site's frontend and make sure every @font-face statement includes a font-display: swap;value> attribute. <value> is replaced with the value of the Font-Display Option setting. Using this option will fix the Ensure text remains visible during webfont load optimization suggestion in Google PageSpeed Insights for all fonts, including FontAwesome, Elementor Icons, Elegant Icons and other icon packs.

Remove Async Google Fonts (only available in OMGF Pro —default: off)

When this option is checked, all Google Fonts loaded asynchronously using JavaScripts functions, like append(), insert() or appendChild() will be blocked from loading. Some themes (like Enfold) or plugins (like Forminator) load Google Fonts asynchronously.

If you'd like to replace asynchronously loaded Google Fonts with locally hosted fonts, using OMGF Pro, read this.

Used Subset(s) (default: Latin, Latin Extended)

Since the Google Fonts API dropped support for subset filtering, I decided to bring it back, because it brings enormous bloat to your Google Fonts stylesheets.

This option isn't optional and you are required to specify which subset(s) your site/language uses. The default value will suffice for Amerika, Europe and parts of Africa. If your website is Syrian, Hebrew and Latin is

Optimize Local Fonts

All Google Fonts are listed in the Optimize Local Fonts section of the settings screen. There you can choose to:

  • Preload fonts to reduce Cumulative Layout Shift above the fold,
  • Unload fonts that're not used by your theme and/or plugins,
  • Set a Fallback Font Stack (only available in OMGF Pro), to further reduce Cumulative Layout Shift, or
  • Replace (only available in OMGF Pro) font-families with system fonts to speed up page loading times!

If you'd like to remove all Google Fonts used in your theme and plugins, simply click Unload all next to the name of each font family. 

When using the Unload All action, no Google Fonts will be loaded in your frontend, forcing browsers to fall back to a system font of their choosing. This could negatively influence user experience. To control this behavior, use the Fallback Font Stack (Pro) and Replace (Pro) options to give browsers a pallet (or "stack") to choose from.

Test Mode (default: off)

If you'd like to give OMGF (Pro) a test drive first, before releasing its optimizations to the public, enable this option. With this option enabled, OMGF (Pro)'s optimizations are only visible to logged in administrators and when ?omgf=1 is appended to the site's URL.

Done Optimizing?

After clicking  Save & Optimize, OMGF (Pro) will immediately scan your homepage for Google Fonts and show an overview of found fonts. The Optimize Local Google Fonts overview will be shown (and adjusted) accordingly.

Shopping Cart
  • Your cart is empty.