Font Finder Extension – Identify Website Fonts

Font Finder Extension makes it easy to identify, inspect and explore fonts used on any webpage.

Hover over text to instantly discover its font family, size, weight, style, line height, letter spacing, color and other typography details. You can also scan an entire webpage to find the rendered fonts being used, preview typefaces, inspect font sources and save useful fonts for later.

Key Features

• Identify fonts on any webpage
• Hover to inspect website typography
• Click to pin font information
• Inspect selected text
• Find font family
• View font size
• Check font weight and style
• View line height
• Inspect letter spacing
• Detect text color
• View HEX color values
• View RGB and HSL colors
• Copy complete typography CSS
• Scan all rendered fonts on a webpage
• Detect Google Fonts
• Detect Adobe Fonts
• Identify custom @font-face fonts
• Identify system fonts
• Show WOFF, WOFF2 and TTF format hints when available
• Preview detected fonts
• Save favorite fonts
• Search saved fonts
• Select and delete multiple saved fonts
• Light and dark mode
• Custom page scan depth
• Keyboard shortcuts
• Local font collection

Find Fonts on Any Website

Use the font finder extension to quickly discover which fonts are being used on a webpage.

Start the inspector and hover over any text. Font Finder displays detailed typography information directly from the selected element, making it useful for designers and developers who want to understand a website's typography.

Identify Complete Typography Details

Font Finder provides more than just the font name.

Inspect details including:

• Font Family
• Font Size
• Font Weight
• Font Style
• Line Height
• Letter Spacing
• Text Color
• HEX Color
• RGB / HSL Color

You can also copy complete typography CSS for use in your own design or development workflow.

Scan Every Font on a Page

Instead of inspecting fonts one by one, use the page scanner to find rendered typefaces across the current webpage.

Detected fonts are grouped into an organized list so you can quickly understand the typography being used throughout the site.

Choose between Fast, Balanced and Deep scanning modes depending on the size of the webpage.

Font Identifier & Source Detection

The built-in font identifier can provide useful source information for detected fonts.

Depending on what the webpage exposes, Font Finder can identify or provide hints for:

• Google Fonts
• Adobe Fonts
• Custom web fonts
• System fonts
• WOFF
• WOFF2
• TTF

Inspect Selected Text

Select text on a webpage and use the Font Finder shortcut to inspect it instantly.

You can also access the font inspector through the browser's right-click context menu.

This provides a fast workflow when you already know exactly which text you want to inspect.

Preview & Save Fonts

Preview discovered fonts and save the ones you like to your personal font collection.

Your saved fonts remain organized inside the extension, making it easy to return to interesting typography discovered while browsing.

Copy Typography CSS

Get production-ready typography information without manually inspecting multiple CSS properties.

Copy the detected typography styles and use them as a reference in:

• Web design
• UI/UX design
• Front-end development
• Branding
• Graphic design
• Typography research

Keyboard Shortcuts

Use keyboard shortcuts for faster font inspection and page scanning.

Quickly inspect selected text or start a complete page font scan without repeatedly opening the extension interface.

Customizable Experience

Font Finder includes settings for:

• Light or dark appearance
• Font source visibility
• Page scan depth
• Default opening tab
• Keyboard shortcut configuration

Useful For

• Web Designers
• UI/UX Designers
• Front-End Developers
• Graphic Designers
• Brand Designers
• Typography Enthusiasts
• Content Creators

Whether you need a font finder extension, font identifier extension, font picker extension or a Chrome extension to find fonts on websites, Font Finder provides a fast way to inspect and understand webpage typography directly from your browser