List All Fonts

A full typography audit tool that scans the page and lists every font-face in use — web fonts, system fonts, and icon fonts. See family, weight, style, source URL, and where each font is applied. Click any font to highlight matching elements on the page.

Add to Chrome for free
list-all-fonts-hero.webp

About List All Fonts

List All Fonts gives you a complete picture of every typeface on the page — family, weight, style, source, and exactly which elements use each one.

Features

A full typography audit — every font, weight, and source.

Font Discovery

Scans all computed styles to find every font family, weight, and style in use. Includes Google Fonts, @font-face, and system fonts.

Usage Map

See exactly which selectors and elements use each font. Click to highlight matching elements on the page.

Source Info

For web fonts, shows the source URL, format (woff2, woff, ttf), and whether the font loaded successfully or failed.

How to use

  1. 1

    Select List All Fonts from the InspectDev toolbar.

  2. 2

    The tool scans the page and groups fonts by family.

  3. 3

    Expand any font to see weights, styles, and the elements that use it.

  4. 4

    Click a font entry to highlight all elements on the page that use it.

Try List All Fonts free

List All Fonts is included in the free version of InspectDev. Upgrade to Pro for advanced features like persistent workspaces and team sync.

Add to Chrome for free

Related tools