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.
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 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: <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)
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
Manage Optimized Fonts
All Google Fonts are listed in the Manage Optimized 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!
Note: 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.
Note #2: When no Google Fonts are found, browsers will 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.
After clicking Save & Optimize, OMGF (Pro) will immediately scan your homepage for Google Fonts and show an overview of found fonts. The Manage Optimized Google Fonts overview will be shown (and adjusted) accordingly.