How to Identify a Font From a Logo or Website — Every Working Method · Trace Logo's
4 min read 5

How to Identify a Font From a Logo or Website — Every Working Method

Spotted a logo or a headline with the perfect typeface — and want the same one? The task is solvable: identifier services recognize a face from a photo in seconds, a website's font is two clicks away in the browser, and hard cases yield to the "detective" method of letterform clues. Here are all the ways — plus why a big brand's logo font often can't be found at all (and what to do instead).

TL;DR

Font in an image → upload it to WhatTheFont or the Font Squirrel Matcherator. Font on a website → right‑click → Inspect → the Computed tab → font‑family (or an extension like Fonts Ninja). Nothing found → the face is likely custom or hand‑lettered — hunt for a lookalike by its features. And remember: finding the font isn't enough, it still needs licensing.

Method 1. Image identifiers

The main tool is MyFonts' WhatTheFont: upload a picture with text, the service recognizes the letters and shows matches from a base of hundreds of thousands of faces. Peers — the Font Squirrel Matcherator (strong on free fonts) and the Fontspring Matcherator. To make recognition work:

  1. More letters, more accuracy — with two letters the service guesses, with eight it hits.
  2. Horizontal text, a straight shot. Deskew tilted photos beforehand (removing the background helps too).
  3. Separated letters. Touching or overlapping letters (common in lettering) won't parse — crop to a readable fragment.
  4. Compare the details. Within a dozen similar results the real one differs by minutiae: the dot over the "i", the tail of the "y", the stroke terminals.

Method 2. A website font — no services needed

If the font lives on a web page, it can be determined exactly, not "approximately":

  1. Right‑click the text → Inspect.
  2. In the styles panel find font‑family — or open the Computed tab, which shows the font actually applied.
  3. The lazy route — the Fonts Ninja or WhatFont extensions: hover over any text and see the name, size and weight.

Works in Chrome, Firefox, Safari and any browser with dev tools. Note: knowing the name is not permission to use it; the license is a separate check (below).

Method 3. Detective work by clues

When the auto‑identifiers stay silent, manual classification works. Determine from the image:

  • Serifs: present (serif) / absent (sans) / slab.
  • Stroke contrast: uniform thickness or thin‑thick transitions.
  • Apertures: open "c" and "e" (humanist character) or closed (geometric).
  • Distinguishing marks: single- or double‑story "a", the "Q" tail, the shape of the "R".

Take that profile to the catalogs (Google Fonts, MyFonts) and filter by category — or ask the font‑identification forums (the r/identifythisfont subreddit solves cases in minutes). A side bonus: once you see the clues, you start choosing typefaces for your own projects consciously.

Why a logo's font often can't be found

Three reasons the identifier shrugs:

  1. A custom face. Big brands commission their own: YouTube Sans, Product Sans at Google, Yandex's YS Text. You can't buy them at all — they exist precisely to be unrepeatable.
  2. Lettering. Many logos aren't typeset but hand‑drawn: the Instagram script doesn't exist as a font with a full alphabet.
  3. Modification. The mark uses an existing face with reworked letters: cuts, ligatures, altered proportions — that's how wordmarks are made more often than not.

What to do: hunt for a kindred available face. "Fonts similar to X" is a legal and productive route: most famous faces have open analogues.

Found ≠ allowed

Having identified the font, check the license before using it: personal‑use‑only faces in a commercial logo are a ready‑made claim from the type foundry — we cover the full licensing guide separately. Separately: copying a brand's typeface is easy, but a mark "in T‑Bank's font" leads to a confusion dispute, not to a style of your own.

The mini cheat sheet

SituationTool
An image/photo with textWhatTheFont, Matcherator
Text on a websiteInspect → Computed, Fonts Ninja
Auto‑ID is silentclue detective + r/identifythisfont
The font is customfind an open analogue
A PDF filedocument properties → fonts

Kindred tasks from our blog: how to find out a logo's color — the same detective work for the palette, how to download a logo from a site — when you need the mark itself, and choosing a logo font — picking a face for your own brand. The catalog is the place to study "mark + type" pairings: in strong brands the typography continues the mark's form.

Logo and emoji library Download SVG/PNG free and export to Figma
Open catalog