Font Detector
Free Chrome extension to identify fonts on any webpage by hovering or clicking. See font name, size, weight, and color instantly. No account needed.
Font Detector is the fastest, cleanest way to identify fonts on any website. Ever land on a page and wonder what font that is? Font Detector gives you the answer in a single click. Activate picker mode, hover over any text element, and a floating tooltip shows you the font name, size, weight, style, line height, and color in real time. Click to capture it. The Last Inspected panel remembers your most recent find with a color swatch, hex code, and one-click copy of the font name or a ready-to-paste CSS font-family snippet. The Page Fonts scanner lists every font in use on the current page, sorted by how frequently each one appears — no more hunting through DevTools computed styles.
Key Features
Everything you need to maximize your productivity and workflow.
Point-and-Click Picker
Activate picker mode and hover over any text for a live tooltip showing font name, size, weight, style, and color.
Page Font Scanner
See every font used on the current page ranked by usage count — find the headline font, body font, and everything in between.
Last Inspected Panel
Your most recent font capture is always saved — font name rendered in its own face, color swatch, hex code, all ready to copy.
One-Click Copy
Copy the font name or a complete font-family CSS snippet to your clipboard with a single click.
Color Detection
Every inspection includes the exact text color as a visual swatch and copyable hex code.
100% Private
No page content is recorded or transmitted. Only the last inspected font metadata is stored locally on your device.
Visual Showcase
See Font Detector in action across different contexts.
What Users Say
Hear from people who have transformed their workflow with Font Detector.
"WhatFont has been my go-to for years but this is cleaner, faster, and the page fonts list is something I did not know I needed."
"The CSS copy button alone saves me five minutes per project. Click, copy, paste. Done. No more typing out font stacks from memory."
"I use this instead of opening DevTools for quick font checks. It is faster and the tooltip is way easier to read than computed styles."
"The color swatch next to the hex is such a good detail. I can see the color and the value at once without switching to a color picker."
"The dark popup matches my browser theme and the violet accent is sharp. Rare to find a dev tool that actually looks good."
"I catalog fonts I find on the web as a hobby. This replaced three other tools I was using. The font list scanner is ridiculously useful."
Ready to Get Started?
Join thousands of users who have already transformed their workflow with Font Detector.
Get Extension Now! download