Website Font Extractor.

What is a font extractor?

A font extractor is an online tool that finds the typefaces used on a web page and gives you direct access to the font files behind them. Instead of guessing a font by eye, you paste a link and receive a precise list of the font families, weights, styles and file formats the website loads. FontExtractor is a free website font extractor that does exactly this in a few seconds, with live previews and one-click downloads.

Modern websites rarely rely on the handful of fonts installed on every computer. They load custom web fonts through CSS @font-face rules — from Google Fonts, Adobe Fonts, a CDN or the site’s own server. Those rules are spread across many stylesheets, nested @import statements and inline <style> tags, which makes them tedious to find manually. A font extractor reads all of them for you.

FontExtractor key facts

How to use the font extractor from URL

Using our font extractor from URL takes less than a minute:

1. Copy the address of the page whose typography you want to inspect. Any public page works, not only the homepage.
2. Paste it into the box at the top of this page and press Extract fonts. You can leave out https://; we add it for you.
3. Review the results. Every font family appears as a card, rendered in its own typeface, with all of its weights and styles listed underneath.
4. Test your own text in the preview field and adjust the size to see how the font behaves in a headline or in body copy.
5. Download or copy. Save individual files, download the complete set as a ZIP with a matching fonts.css, or copy the @font-face CSS for a single family.

What fonts can a website font extractor detect?

FontExtractor detects the fonts a page declares in its HTML and CSS: self-hosted files, Google Fonts, Adobe Fonts, variable fonts and base64-embedded fonts, in WOFF2, WOFF, TTF, OTF, EOT and SVG formats.

FontExtractor follows the same path a browser takes when it renders a page. It downloads the HTML, discovers every linked stylesheet (including the preload and print-then-all loading tricks used by performance-minded sites), follows @import chains several levels deep, and parses each @font-face block it finds. The result covers:

• Self-hosted fonts served from the website’s own domain or CDN.
• Google Fonts, including every unicode subset such as latin, latin-ext or cyrillic.
• Adobe Fonts (Typekit) and other font services delivered through CSS.
• Variable fonts, shown with their full weight range, for example 100–900.
• Embedded base64 fonts placed directly inside the stylesheet as data: URIs.
• Preloaded fonts declared with <link rel="preload" as="font">.
• Every common format: WOFF2, WOFF, TTF, OTF, EOT and SVG. When a rule lists several formats, the most efficient one is chosen automatically.

Beyond downloadable files, the tool also reports the font stacks the CSS asks for. This tells you when a site depends on system fonts such as -apple-system, Segoe UI or Helvetica Neue, which no font extractor can download because they live on the visitor’s device.

Why designers and developers extract fonts

Typography carries much of a brand’s personality, so “what font is this?” is one of the most common questions in design. Here are the situations where a font extractor saves the most time:

• Design inspiration and research. Build mood boards and compare how leading products pair headline and body typefaces.
• Front-end development. Recreate a layout faithfully, debug a font that fails to load, or check which formats a site serves.
• Brand audits. Confirm that every page of your own website loads the approved typefaces and no forgotten legacy files.
• Performance reviews. Spot websites that ship too many weights, or still serve heavy TTF files where WOFF2 would be lighter.
• Client work. When a client cannot tell you which fonts their old site used, the extractor recovers them in seconds.

Can you use fonts you extract from a website?

Being able to download a font file does not mean you are allowed to use it. Fonts are software, and most commercial typefaces are licensed per website, per app or per number of page views. Many fonts found on the web are open source — almost everything served by Google Fonts uses the SIL Open Font License, for example — but premium families from foundries or Adobe Fonts are licensed only to the website that bought them.

Use FontExtractor to identify fonts, evaluate them and test them locally. Before you publish a font in your own project, check its license and, if needed, buy it from the foundry. Supporting type designers is what keeps great new typefaces coming.

Font extractor vs. browser DevTools and extensions

Use an online font extractor to list all of a page’s fonts at once. Use browser DevTools or an extension for pages behind a login, or for fonts added by JavaScript.

You can find fonts manually with your browser’s developer tools: inspect an element, open the Computed panel, then search the Network tab for font requests. That works for a single element but quickly becomes slow when a site uses several families, unicode subsets and variable fonts. Browser extensions help, but they require installation, permissions on every site you visit, and they usually show only the font of the element you hover.

An online website font extractor needs no installation, works on any device — including phones and tablets — and returns the complete font inventory of a page at once, with previews, clean file names and downloadable CSS.

Tips for the best results

For the best results, scan the exact page you care about, and try one of its stylesheet URLs directly if no fonts appear.

• Scan the exact page you are interested in. Landing pages, blogs and documentation often load different fonts.
• If a site returns no fonts, it may build its styles with JavaScript after loading. Try scanning one of its stylesheet URLs directly.
• Some websites block automated requests with bot protection. If a scan fails, try again later or scan another page on the same domain.
• Prefer WOFF2 files for the web. They are the smallest and are supported by every modern browser.
• Keep the unicode-range rules from the copied CSS so browsers download only the subsets a page needs.

Ready to find out which fonts your favourite website uses? Scroll back to the top, paste the link, and let the font extractor do the work.