A LITTLE HELP FOR YOUR NEXT DESIGN

Google Fonts self-hosting helper

Paste a Google Fonts embed link and get @font-face CSS for your own server, plus the list of WOFF2 files to download. Keeps unicode-range subsets.

Paste the embed code Google Fonts gives you. You get matching @font-face rules for files on your own server, and the list of font files to download.

How do you self-host a Google Font?

A Google Fonts embed is a stylesheet on Google’s servers that points to font files on Google’s servers. To self-host, you download those files, put them on your own site and write the same @font-face rules with your own paths. This helper reads the stylesheet for you and rewrites it.

Google splits each family into subsets such as latin, latin-ext and cyrillic, each with a unicode-range. Pick only the subsets your content needs. The browser downloads a subset only when the page contains characters from its range, so keeping the unicode-range lines costs nothing.

All Google Fonts are open source, so hosting the files yourself is allowed. It removes the request to Google, which matters for privacy rules in the EU, and it is usually at least as fast. Details in Google Fonts and GDPR: when and how to self-host.

Is it legal to self-host Google Fonts?+

Yes. Fonts on Google Fonts are released under open source licenses that allow self-hosting and commercial use. Keep the license file with the fonts if you redistribute them.

Which subsets do I need?+

For English and most Western European languages, latin is enough. Add latin-ext for Central European languages, and cyrillic, greek or vietnamese when you publish in those scripts.

How do I check that my site no longer calls Google?+

Open the Network panel, reload and filter by Font. Every file should come from your own domain. The Font Inspector extension also labels each family’s source, so a Google Fonts label means a page is still calling Google.

Read the guide: Google Fonts and GDPR: when and how to self-host

Audit any site for Google Fonts calls.

Font Inspector labels the source of every font on a page. A Google Fonts label means the page still loads from Google’s servers. Self-hosted files show up as web fonts from the site’s own domain.

Add to Chrome