The Chrome extension that answers "what font is this website using?" in one click — and lets you swap it live, tweak variable axes, find similar typefaces, and export typography to Tailwind, SCSS, or TypeScript tokens.
Hover and click any text. GetFont reads the real rendered font — not just what the CSS declares.
Six things you'll actually use, every day.
Real rendered font, full CSS readout, source detection (Google / Adobe / @font-face), color swatch — all in one panel rendered in the font itself.
One tab away — see every typeface used, grouped, counted, with weights and source. Each card previews the font in itself.
Swap any font with any other (300+ font autocomplete, free-form input, or instant chips). Iterate as many as you want — the page re-renders in place.
Drag weight, width, slant, optical size live on the clicked element. Axes the font doesn't support are automatically greyed out.
Only hereHand-picked alternatives for 80+ popular fonts. For everything else, category-matched suggestions. One click to try.
JSON, CSS @font-face, Tailwind config, SCSS variables, or typed TS tokens — drop in, no formatting.
Built for anyone working with web typography.
Identify typography on inspiration sites, competitor pages, and references. Find out what font a site is using and try alternatives without leaving the browser.
Skip the DevTools dance. Click any element, copy real CSS values, and grab ready-to-use @font-face blocks for your stylesheet.
Generate Tailwind config, SCSS variables, or typed TypeScript tokens straight from any production site — no manual transcription.
Audit typeface usage across multiple client sites and export the inventory as JSON or CSS for documentation and gap analysis.
Discover what fonts power the sites you love, explore variable axes interactively, and find similar typefaces with one click.
Prototype font substitutions live during reviews — no Figma export, no code changes. Just point, click, swap, decide.
An honest comparison with the popular alternatives.
| WhatFont | Fonts Ninja | GetFont | |
|---|---|---|---|
| Real rendered font detection | — | ✓ | ✓ |
| All fonts on the page | — | ✓ | ✓ |
| Live preview, no reload | — | ✓ | ✓ |
| Autocomplete picker (300+ fonts) | — | — | ✓ |
| Variable fonts sliders | — | — | ✓ |
| Find similar fonts | — | partial | ✓ |
| Export to Tailwind / SCSS / TS | — | — | ✓ |
| Free, no signup | ✓ | partial | ✓ |
| Open source | — | — | ✓ |
Until we land on the Chrome Web Store, install in developer mode — it's quick.
Clone or download from GitHub as a ZIP, then extract.
In your browser, navigate to chrome://extensions/
Toggle the switch in the top-right corner.
Click Load unpacked and select the extracted folder.
Pin it to your toolbar and open any page. You're good.
Short answers to common questions about GetFont.
The real one. Many sites declare long font stacks like "Helvetica Neue", Arial, sans-serif; GetFont checks which font is actually being rendered for that element via the browser's Font Loading API and shows the one you're really seeing.
Not yet. Recognizing fonts in raster images (the way WhatTheFont does) needs either a hosted backend or an API key. We're evaluating options. For now, GetFont identifies fonts rendered as actual HTML text — which covers virtually all body, heading, and UI typography on the modern web.
No. The inspector script is only injected when you click the toolbar icon — there's zero background overhead the rest of the time, unlike older "always-on" font extensions.
WhatFont is great for quick identification but stops there. Fonts Ninja adds bookmarks and image recognition but requires an account for some features. Font Finder is open source but its UI is developer-focused. GetFont combines the strongest parts of all three and adds what no one else does: variable fonts sliders, live size/weight tweaking on individual elements, and direct export to Tailwind / SCSS / TypeScript tokens — all without an account or any telemetry.
Chrome, Brave, Edge, Opera, Vivaldi, and Arc — anything Chromium-based that supports Manifest V3 extensions. A Firefox port is on the roadmap.
Yes. Nothing leaves your device. No telemetry, no analytics, no account, no servers. Your inspection history (up to 200 recent entries) is stored only in your browser's local storage and can be cleared anytime. The full privacy policy lives in the repository.