How to find and download the fonts a website uses
See which web fonts a page loads and save the font files in one go – and what to check before you use them.
Designers often want to know which font a site uses, or to test it in a mockup. The font files are already on your computer once the page loads – you just need to collect them.
Find the font name
- Right-click the text › Inspect.
- In the Computed tab, look at
font-family– that's the font the page asks for.
Save the font files
- Install the free PagePack extension.
- Open the page and click the PagePack icon › Save this page as ZIP. If fonts come from a font service on another domain, click Include them too.
- Open the ZIP: the
.woff2,.woffor.ttffiles sit in the same folders they have on the server, next to the stylesheet that loads them.
Developers can also use DevTools (F12) › PagePack › Reload & capture everything, which records every font requested while the page loads. With Pro you can keep only the font files.
Before you use a font
Most web fonts are licensed, not free. Google Fonts and many open-source fonts can be used freely; commercial fonts need their own license. Use the files to identify and test a font, then get it from its official source.
PagePack saves every file of a page – or all its images – into one ZIP with the original folders. Free, private, one click.