Identify fonts on websites with Fonts Ninja

Tool powered by . Uwarp embeds fonts.ninja; inspection and extension installs run on the publisher site.

Fonts Ninja on fonts.ninja: identify fonts on live websites, browse font specimen pages, install the browser extension. Embed the font identifier.

What is Fonts Ninja?

Fonts Ninja (fonts.ninja) helps you identify fonts used on live websites—often via a browser extension—and browse specimen pages at URLs like fonts.ninja/font/[family-name]. Designers use it when auditing competitors, rebuilding typography, or matching a reference from a landing page. On Uwarp this page embeds https://fonts.ninja/ for product info and installs. Uwarp does not run font detection in the iframe; use the publisher extension on pages you are allowed to analyze.

Popular Fonts Ninja searches

How people find fonts.ninja. Identification is the core product; named-font pages are the catalog.

  1. Identify fonts on websites: Point the font identifier at a live page to see family names, weights, and stack hints.
  2. Font identifier extension: Install the browser tool from fonts.ninja when the embed cannot complete extension flows.
  3. Font specimen pages: Land on /font/… URLs when searching for a named family (Urbanist, Roobert, display cuts, and more).
  4. Competitor typography research: Document what shipped on marketing sites before you propose a new type system.
  5. Match fonts for redesign: Log families and fallbacks, then verify weights in Figma or code—names alone are not a license.
  6. What font is this?: Use identification output as a starting point, then confirm on the foundry or marketplace page.

What fonts.ninja offers

Identification and discovery workflows.

  1. Live page inspection: See which typefaces render on URLs you are studying.
  2. Font catalog pages: Per-family pages with foundry metadata and specimen context.
  3. Browser extension: Extension-first flows described on the publisher site.
  4. Style details: Weights, sizes, and stack clues for implementation handoff.
  5. Research and audits: Benchmark typography across sectors without guessing from screenshots.
  6. License is separate: Identification does not grant usage rights—purchase or embed per foundry terms.

How to use this embed on Uwarp

From embed to installed extension.

  1. Open fonts.ninja: Use the iframe or open the site in a new tab for downloads.
  2. Install the extension if needed: Follow publisher docs; review permissions before analyzing third-party pages.
  3. Inspect your target page: Run identification on a page you are allowed to study.
  4. Log families and services: Note webfont hosts and fallback stacks for dev handoff.
  5. Verify in design tools: Match weight and width in Figma—live CSS can differ from static mocks.
  6. Pair with Uwarp font tools: After you name a face, browse `/fontjoy` for pairs or `/dafont` for free alternatives.

Tips for font identification

Names are a start, not permission to ship.

  1. Confirm with a specimen: Open the foundry or Google Fonts page for weights and language coverage.
  2. Watch custom subsets: Logos may use altered cuts that do not map to a retail file.
  3. Document sources: Save purchase links so design and legal share one truth.
  4. Respect privacy and terms: Only analyze pages you are permitted to inspect.

Who this is for

Typical Fonts Ninja workflows.

  1. Designers and art directors: Name faces when moodboarding from live references.
  2. Developers: Trace font-family stacks during implementation reviews.
  3. UX and competitive research: Capture typography decisions when benchmarking products.
  4. Students: Learn by inspecting professional sites.

Why open Fonts Ninja on Uwarp

Official site embed in your toolkit.

  1. Stable Uwarp path: Link `/fonts-ninja` in research notes and handoffs.
  2. Font tools category: Listed with pairing, foundries, and download utilities.
  3. Uwarp does not run detection: Inspection and extensions stay on fonts.ninja.

Technical notes

Embed boundaries.

  1. Embed source: https://fonts.ninja/ — specimen pages at `/font/[name-id]`.
  2. Extension installs: May require a top-level tab outside the iframe.
  3. If the frame is blank: Open fonts.ninja in a new tab or check blocker settings.

Frequently Asked Questions

Have questions? We have answers.

More tools from Font Tools.