Skip to content
Developer Tools

CSS Font Pack Downloader

Download all web fonts used by a page as a ZIP, with a ready fonts.css file. Perfect for self-hosting Google Fonts for speed and privacy.

Try:

Something not working? Report a problem

What is the CSS Font Pack Downloader?

Self-hosting fonts makes a site faster and more private, because visitors do not need to connect to another server. But collecting every font file and writing the CSS by hand is tiring.

This tool finds all fonts on the page, downloads them into neat folders by family, and writes a fonts.css file with the right @font-face rules and font-display: swap. Drop the folder into your project and link fonts.css. You can also download just one family.

How to use it

  1. Paste the address of a page that uses the fonts you want.
  2. Press Find fonts and check the list.
  3. Press Download font pack, or pick one family.
  4. Unzip, copy the folder into your site and link fonts.css.

Why people like this tool

Ready CSS

A fonts.css file with correct @font-face rules is included.

Sorted folders

Fonts saved in a folder for each family.

Pick a family

Download only the family you need.

Speed friendly

font-display: swap is added so text shows at once.

How it works, in one picture

Infographic: how to use the CSS Font Pack Downloader in 4 easy steps: Paste the link, Run the tool, Save your file and Save everything. You get: Ready CSS, Sorted folders, Pick a family and Speed friendly.

Frequently asked questions

Is it legal to download fonts?
Only use fonts you have a licence for. Google Fonts use the Open Font License, so you may self-host them. Paid fonts need their own licence.
How do I self-host Google Fonts?
Open a page that uses the font (like its Google Fonts page or your own site), download the pack here, and replace the Google Fonts link with your fonts.css.
Why are there many files for one font?
Each weight, style and language subset is a separate file. You can delete the ones you do not use.

You may also like

Font URL Extractor

Find which web fonts a website uses. See every @font-face with family, weight, style, format and file URL. Export the list to CSV.

Open tool

OpenAPI / Swagger Spec Downloader

Find and download the OpenAPI or Swagger spec behind any API docs page. Get it as JSON or YAML and see every endpoint in a table.

Open tool

OpenAPI Bundle Downloader

Turn a multi-file OpenAPI spec into one single file. We fetch every external $ref and put its content in place. Download as JSON or YAML.

Open tool

Source Map Downloader

Check which JavaScript and CSS files on a page have public source maps (.map files), and download them as a ZIP. Useful for debugging and security checks.

Open tool

Import Map Downloader

Extract the JavaScript import map from any page and save it as importmap.json. See every module name, where it points and its scope.

Open tool

Service Worker Finder

Find the service worker file of any website and download it. See how it is registered and whether it uses offline cache, push or Workbox.

Open tool