Local Fonts

Use fonts from the WordPress Font Library in Breakdance and stop loading Google Fonts.

Topics: Performance · Privacy · Typography

Highlights

Library fonts appear in Breakdance as (local)
Installed Google fonts switch to local files automatically
Hide all remaining Google fonts
No migration of existing pages

Accessibility

Not applicable.

Privacy

No request to Google Fonts, WordPress serves the font files itself.

Live demo

See it in action

Everything below is the real element, configured in Breakdance. Try it with your keyboard, zoom in, or open the page on your phone.

This website

Three fonts, zero requests to Google

Every font on this page comes from the WordPress Font Library and is served from this server. Open the network tab of your browser and check.

Headings

Bricolage Grotesque

400 – 800 · local

Body text

Inter keeps long texts readable on every screen.

100 – 900, italic · local

Code and labels

const fonts = "local";

400, 500 · local

Setup

From Google to local in three steps

No migration, no search and replace in your pages.

Install the font

Appearance > Fonts, pick the Google font and install it. WordPress downloads the files to your server.

Keep using it in Breakdance

The font keeps its Breakdance entry, now marked as (local). Existing pages, presets and global settings switch automatically.

Hide the rest

Optionally hide all Google fonts without a local copy, so nobody adds one by accident.

More modules

All modules

Stable

Element