Settings

Font Hero’s Settings tab is where you control how fonts load, how Google Fonts requests are handled, and how block-theme fonts appear in Gutenberg.

Go to Font Hero > Settings.

Allow Uploads

In the current UI, Font Hero no longer shows separate per-format upload toggles.

The custom font uploader accepts:

  • .woff2
  • .woff
  • .ttf

Font Hero also validates uploaded files before saving them.

Font Loading

These options control how Font Hero delivers your fonts on the frontend (and optionally in wp-admin).

System Fonts

When enabled, Font Hero adds system-ui font-face declarations to the generated CSS. This gives you a more predictable fallback experience across operating systems while your custom fonts are loading.

Useful when you care about polished typography during the first paint, not just after custom fonts finish downloading.

Inline Fonts

Instead of loading Font Hero’s generated CSS file as a separate request, this inlines the font declarations into the page.

Good use cases:

  • Subdomain/multilingual setups (for example Polylang subdomains)
  • CORS headaches with font files
  • You want one less CSS request on first load

When to leave it off:

  • Most standard WordPress setups
  • You want the generated CSS file cached separately by the browser/CDN

Load in Admin

Loads your Font Hero fonts in the WordPress admin area as well (not just on the frontend). This is useful if you want a closer visual preview while editing content.

Most sites can leave this off.

Google Fonts

Disable Google Fonts

Removes Google Fonts stylesheet requests on the frontend. This is the setting most users enable after importing Google Fonts into Font Hero for local hosting.

Turn this on when:

  • You already imported the fonts you need into Font Hero
  • You want to avoid requests to Google’s servers (privacy/GDPR workflows)
  • Your theme/plugin is loading duplicate Google Fonts

Disable Elementor Google Fonts

Stops Elementor from printing its own Google Fonts requests.

Use this when you’re running Elementor and managing those fonts through Font Hero instead.

Note: This toggle only appears when Elementor is active.

Block Themes

Disable Block Theme Fonts

If your block theme registers fonts through theme.json or the WordPress Font Library, this setting removes those theme fonts from the Gutenberg picker so your Font Hero fonts (and Font Stacks) are the primary choices.

This is especially useful when:

  • You want a cleaner editor font list
  • You’re replacing a theme’s typography system with your own
  • You want designers/editors to choose from a controlled set of fonts

Settings FAQ

I changed a setting but nothing happened. What should I check first? Clear your browser cache and any page/cache plugin (WP Rocket, LiteSpeed Cache, etc.). Font CSS is often cached aggressively.

Should I enable “Disable Google Fonts” after importing Google Fonts into Font Hero? Yes. Once those fonts are hosted locally by Font Hero, the original Google requests are usually just duplicate weight.

Is “Inline Fonts” always better for performance? Not always. Inline can help on first load, but an external CSS file is easier to cache for repeat visits. For most sites, the default external file remains the better general-purpose setup.

Where did the old upload format toggles go? They are not part of the current Settings UI. The custom font uploader supports WOFF2, WOFF, and TTF directly.