Integrations

Font Hero works with the most popular WordPress builders and themes. Once you add fonts through Font Hero, they automatically appear in your builder’s font picker — no extra setup required.

How Integrations Work

Font Hero detects which builders and themes you have active and automatically registers your fonts with them. You don’t need to configure anything. Just add your fonts in Font Hero, and they’ll show up in your builder’s font dropdown.

Supported Builders and Themes

Always Available

These integrations work with any Font Hero license, including free:

Gutenberg (WordPress Block Editor)

Your Font Hero fonts appear in the block editor’s font picker. Works with any block theme.

  • Fonts show up in the Typography panel for blocks like Heading, Paragraph, and Button
  • Font Stacks also appear as font family options
  • Compatible with Full Site Editing (FSE) themes
  • Use the Disable block theme fonts setting to remove the theme’s own fonts from the editor and only show Font Hero fonts

Beaver Builder

Fonts appear in Beaver Builder’s font selector under the system fonts section.

  • Works with both Beaver Builder plugin and Beaver Builder Theme
  • All enabled font weights are available

Bricks Builder

Fonts appear under the Custom Fonts group in Bricks’ font picker.

  • Full font-face declarations generated automatically
  • Works with Bricks’ visual editor and theme styles

Divi

Fonts appear in Divi’s font selector across all modules.

  • Works in the Divi Builder visual editor
  • Fonts are registered with Divi’s upload font system
  • Compatible with Divi Theme and Divi Builder plugin

Oxygen Builder

Fonts are registered with Oxygen’s custom fonts system.

  • Works with Oxygen 6 and compatible versions
  • Fonts available in Oxygen’s typography settings

Breakdance

Fonts are registered through Breakdance’s font system.

  • Fonts available in all Breakdance elements with typography controls

Elementor

Fonts appear under a dedicated Font Hero Fonts group in Elementor’s font picker.

  • Works in Elementor’s visual editor
  • Compatible with Elementor Free and Pro
  • Option to disable Elementor’s own Google Fonts loading (see Settings) to prevent duplicate requests

Astra Theme

Fonts appear in Astra’s Customizer font selector.

  • Works with both Astra Free and Astra Pro
  • Font Hero prevents Astra from loading its own Google Fonts for fonts you’ve already imported, avoiding duplicate downloads

Kadence Theme

Fonts appear in both Kadence Theme’s customizer and Kadence Blocks’ font picker.

  • Works with Kadence Theme and Kadence Blocks plugin
  • All font weights available in the selector

GeneratePress

Fonts appear in GeneratePress’s typography controls and the GenerateBlocks font picker.

  • Works with GeneratePress Theme customizer
  • Works with GenerateBlocks plugin
  • Font Hero prevents GeneratePress from loading duplicate Google Fonts

Common Questions

Do I need to configure each integration separately? No. Font Hero detects your active builder/theme automatically and registers the fonts. Just add your fonts and they’ll appear in the right places.

What if I switch builders? Your fonts stay in Font Hero. When you activate a different builder, Font Hero automatically registers the fonts with the new one. No need to re-add anything.

Can I use Font Hero with a builder that’s not listed? Font Hero generates a standard CSS file with @font-face declarations that works everywhere. Even without a specific integration, you can use your fonts by referencing their font-family names in custom CSS. The integrations just make the fonts appear in the builder’s visual font picker.

Why do some integrations need a license? The free integrations cover the most common setups. The licensed integrations include extra work — like preventing duplicate font loading in Astra, or adding a custom font group in Elementor — that requires ongoing maintenance as those builders update.

What happens if my license expires? The licensed integrations stop working, but your fonts are still loaded on the frontend. You just won’t see them in the font pickers for Elementor, Astra, Kadence, and GeneratePress until you renew.