All Posts
chrome extensionbrowser extensionfont detectorlocal font scanweb fonts

The FontScanner Chrome Extension: Fonts on Any Tab

Click the toolbar icon — or right-click the page — and see the fonts on the tab you have open. Detection stays on your device until you choose a deeper FontScanner scan.

The FontScanner Chrome Extension: Fonts on Any Tab

Fonts on the tab you already have open

DevTools works. It is also four panels deep when you only wanted a family name.

The FontScanner Chrome extension lists the fonts on the active tab in one click. Open the toolbar popup, or right-click the page and choose Identify fonts with FontScanner. An overlay can highlight type on the page itself.

Detection is local: computed styles and @font-face already loaded in the tab. Nothing is sent to FontScanner unless you click through for a license check, a full-site scan, an image match, or the API.

What the popup is for

  • See family names on the current page without opening DevTools
  • Jump to a quick homepage license check for that host
  • Start a full website or PDF scan when the page is only the tip
  • Open image scan when the type you care about is in a screenshot, not in CSS
  • Reach the developer docs when you want the same check in CI

The extension is a lens. FontScanner.app is the audit.

Privacy, on purpose

  • No background crawl
  • No remote code
  • No upload of page HTML unless you continue on the site
  • activeTab + scripting only when you click the icon or the context-menu item

That is the same contract as the store listing: identify fonts on the page you asked about, then get out of the way.

Local list vs a FontScanner report

The popup shows what the browser computed on this document. A quick website scan re-fetches the homepage and flags commercial families. A credited full audit walks inner pages, linked PDFs, and can match your license inventory.

Use the extension to notice. Use a scan to document.

Install

Load it unpacked while the Chrome Web Store listing is in review:

  1. Open chrome://extensions
  2. Enable Developer mode
  3. Load unpacked and select the extension folder from the FontScanner repo (the one that contains manifest.json)
  4. Pin the icon

Do not load a .pem or .crx. Google signs the store package.

When the listing is live, install from the Chrome Web Store the usual way — one click, same local detector.

Conclusion

If you already have the page open, you should not have to paste the URL to learn the typeface. The extension reads the tab. FontScanner still does the license work when you ask.

How FontScanner scans a live site →

FontScanner Chrome Extension — Identify Fonts on Any Tab | FontScanner