Identify any font on any website instantly.
Need an MVP like Fonts Ninja?
We'll build it in less than 7 days. Book a free discovery call with Tiny Startup Studio.
Book free discovery call →Fonts Ninja is the leading browser extension for identifying + previewing + testing fonts on any website — Chrome + Safari + Edge + Firefox extension that detects fonts via DOM inspection, displays font name + family + weight + style + foundry + license + price + similar alternatives on hover, provides 'try the font' overlay for testing with custom text + design context, integrates with Figma + Sketch + Photoshop for trying fonts in actual designs before purchase, supports favorites + collections, and includes affiliate purchase links to foundries. Distinguished from MyFonts WhatTheFont (uses image recognition for fonts in images vs Fonts Ninja's DOM inspection for web fonts) by web font specialization + speed + accuracy for digital design work, distinguished from Identifont (20-questions approach to font identification) by instant DOM-based identification, distinguished from FontMatcherator (similarity matching) by name-identification approach, distinguished from manual CSS inspection + Google searches by streamlined one-hover workflow, distinguished from Figma font browsers (within design tools) by working across any website not just designs. For designers + developers + brand researchers identifying fonts on websites for inspiration + research + try-before-buy workflows, Fonts Ninja is gold standard tool 2026. Core features: browser extension for Chrome + Safari + Edge + Firefox + iOS Safari (mobile font identification on iPhone/iPad), DOM-inspection font identification on any website (instant hover-to-identify), display of font name + family + weight + style + variant + foundry + license + price + similar alternatives, try-before-buy preview overlay with custom text + size + color + design context simulation, Figma + Sketch + Photoshop integrations for trying fonts in actual designs before purchase, favorites + collections for organizing discovered fonts, project-based organization, font comparison features (compare multiple fonts side-by-side), affiliate purchase links to MyFonts + Adobe Fonts + Monotype + other foundries (Fonts Ninja takes affiliate commissions), cloud sync of favorites + collections (Premium), iOS app for mobile font identification, dark + light mode support, multi-language interface (50+ languages), free for core identification features, Premium tier may unlock advanced features (verify current pricing). Best for designers + developers + anyone interested in identifying fonts on websites for design inspiration + research + competitive analysis + try-before-buy workflows, font enthusiasts + collectors building reference libraries across favorite typography work, designers needing try-before-buy for client projects where committing to font purchase requires testing in actual design context, brand designers researching competitor + reference brand font usage systematically, web/digital designers working with typography needing instant font ID for any inspiration source, agencies + design firms researching font choices across many brand projects, students + learners studying typography by identifying fonts on web. Skip for image-based font identification (MyFonts WhatTheFont uses image recognition for logos + printed materials + screenshots where DOM-inspection doesn't work), historical/print font identification (different tools required for non-web fonts), users uncomfortable with browser extensions (some privacy-conscious users avoid extensions that access all websites — Fonts Ninja's privacy practices should be verified but extensions generally have broad access), corporate environments where browser extensions are restricted by IT policy (some enterprise environments block third-party browser extensions), users wanting font ID built into design tools directly (Figma + similar have built-in font browsers though less comprehensive). Pricing: free for core font identification on websites + try-before-buy preview + browser extension + affiliate links to buy fonts; Premium estimated $25/yr for advanced features + cloud sync favorites + premium support + additional integrations (verify current pricing on fonts.ninja site). Direct competitors: MyFonts WhatTheFont (image-based font recognition, complementary not direct competitor — for image fonts use WhatTheFont, for web fonts use Fonts Ninja), Identifont (20-questions font identification, less efficient), FontMatcherator (similarity matching), Font Squirrel Matcherator (similar matching), Adobe Fonts (own font marketplace + identification within Adobe ecosystem), Google Fonts (own font library + identification within Google Fonts), font browser plugins in Figma + Sketch (within design tools), manual CSS inspection (DIY approach without tool), browser developer tools (basic CSS inspection without font metadata). Fonts Ninja wins on web font specialization + DOM-inspection speed + try-before-buy integration + affiliate model alignment with designer interests + cross-browser availability + iOS mobile support; MyFonts WhatTheFont wins on image-based font recognition; Identifont wins on font ID without visible website (questions-based); design tool built-in browsers win on integrated workflow within design apps. For web font identification + try-before-buy workflows in 2026, Fonts Ninja remains gold standard browser extension.
⏱ 30-second verdict
Fonts Ninja is a browser extension that lets you identify, try, and bookmark fonts on any website. Simply hover over text to see the font name, size, line height, and color. You can also test fonts directly on your own projects before purchasing.
🎯 Why it's useful
When you spot a perfect font on a competitor's site or inspiring design, instantly identify it and save hours of searching through font libraries.
💜 Our take
It's like having X-ray vision for typography. The hover-to-identify feature is ridiculously simple, and being able to test fonts on your own site before buying is a game-changer.
Identify fonts on websites
Designer research + inspiration. Identify fonts on competitor sites + inspiration sources with one hover. Build font reference libraries.
Try-before-buy preview
Test fonts in design contexts before committing to purchase. Figma/Sketch/Photoshop integrations make trial seamless.
Font enthusiast collection
Font collectors + typography enthusiasts building reference libraries. Save favorites + organize by project + style.
Brand design research
Brand designers researching competitor + reference brand font usage. Identify font choices across brand portfolios systematically.
Fonts Ninja is the browser extension that identifies + previews + tests + buys fonts on any website. The classic 'what font is this?' problem — solved with one click. Install the extension, hover any text on any website, see the font name + foundry + price + similar alternatives. Try the font on your designs in Figma/Sketch/Photoshop before buying. What it does: browser extension (Chrome + Safari + Edge + Firefox) that detects fonts on websites via DOM inspection, displays font name + family + weight + style + foundry + license + price, provides 'try the font' overlay letting you test the font with custom text + design context, integrates with Figma + Sketch + Photoshop for trying fonts in your designs before purchase, generates font collections + favorites, and includes purchase links to foundries when you decide to buy. The pitch is concrete + universally appealing to designers: instead of right-clicking + inspecting CSS + Googling font names + emailing designer friends to identify fonts on competitor sites/inspiration sources, Fonts Ninja gives you everything in one hover. It's been the gold standard for font identification + try-before-buy since launch. Honest landscape: font identification tools exist (WhatTheFont by MyFonts uses image recognition; Identifont uses 20-questions approach; FontMatcherator uses similarity matching). Fonts Ninja's DOM-inspection approach is faster + more accurate for web fonts but doesn't work for fonts in images. For image-based font ID, MyFonts WhatTheFont is the established tool. The business model is smart: free font identification + previews drive designers to discover fonts they want, and Fonts Ninja takes affiliate commissions when designers buy through their links. Designers get free identification, foundries get sales channels, Fonts Ninja gets affiliate revenue. Everyone wins. Who should use it: designers + developers + anyone interested in identifying fonts on websites for inspiration + design research, font enthusiasts + collectors building reference libraries, designers needing 'try-before-buy' for client projects, brand designers researching competitor font usage, and any web/digital designer working with typography. Where to look elsewhere: image-based font identification (MyFonts WhatTheFont uses image recognition), historical/print font identification (different tools required for non-web fonts), users uncomfortable with browser extensions (some privacy-conscious users avoid extensions accessing all websites), and corporate environments where browser extensions are restricted by IT policy. Pricing: free for identification + basic features. Premium tier may unlock additional features (verify current pricing on fonts.ninja).
Free
Premium
Free browser extension · Pro $3.99/mo for advanced features
Yes — free for core font identification + browser extension + try-before-buy preview + affiliate links to buy. Premium tier may unlock additional features (verify on fonts.ninja).
Browser extension inspects DOM + CSS to identify fonts used on web pages. Hover any text, see font name + family + weight + style + foundry + license + price. Works for web fonts (CSS-rendered text); doesn't work for fonts in images.
WhatTheFont by MyFonts uses image recognition to identify fonts in images (logos + printed materials + screenshots). Fonts Ninja uses DOM inspection for web fonts (faster + more accurate for web). Use both — Fonts Ninja for web font ID, WhatTheFont for image-based font ID.
Yes — that's a key feature. Try-before-buy overlay lets you test fonts with custom text in design contexts. Integrations with Figma + Sketch + Photoshop let you trial fonts in your actual designs before purchase commitment.
Chrome + Safari + Edge + Firefox extensions available. Verify current platform availability on fonts.ninja site. iOS Safari extension exists for mobile font identification on iPhone/iPad.

No reviews yet — be the first.
Figma
The browser-based design tool everyone uses.
Webflow
No-code site builder that produces real CSS.
Yellow Images
The Largest Collection of PSD Mockups on the Internet!
Wise
The design system of Wise.
Who Can Use
A tool to show how color contrast can affect different people with visual impairments.
Websitevice
Website design examples for inspiration that get results instead of awards