How to Find Out What Font Is Used Anywhere Online or In Print

Spotting a typeface you like — on a website, in a logo, inside a PDF, or on a poster — and wanting to identify it is one of those everyday design frustrations that has surprisingly good solutions. Whether you're a developer trying to match a brand's typography or just someone who wants to recreate a look, there are several reliable methods for tracking down an unknown font.

Why Font Identification Isn't Always Obvious

Fonts don't announce themselves. A webpage might use a typeface licensed through a type foundry, served via Google Fonts, or embedded as a custom web font — and none of that is visible without digging. In print and images, there's no metadata at all. That means the method you use depends heavily on where the font appears and what access you have to the source.

How to Identify a Font on a Website 🔍

Using Browser Developer Tools

The most direct method for web fonts is built into every modern browser.

1. Right-click on the text you want to identify
2. Select Inspect or Inspect Element
3. In the Elements panel, find the selected HTML element
4. Click the Computed tab in the Styles pane
5. Look for the font-family property

This shows exactly what CSS font stack is applied to that element. If the site uses a web font like "Playfair Display" or "Inter", it will appear here by name.

Reading the Network Tab for Loaded Font Files

For even more detail, open DevTools → Network tab, filter by Font, and reload the page. This lists every font file the browser actually downloads — including .woff2, .woff, or .ttf files. The filenames often contain the font name directly.

Browser Extensions

Extensions like WhatFont (available for Chrome and Firefox) let you hover over any text on a page and instantly see the font name, size, weight, and line height. This is the fastest option if you're doing font identification regularly.

How to Identify a Font From an Image

When you're working with a screenshot, photo, scanned document, or logo, browser tools won't help. Here the approach shifts to visual recognition tools.

Font Identification Websites

Several tools are designed specifically for image-based font detection:

For best results with image tools, crop the image tightly around a few characters — especially distinctive letters like g, a, Q, or R — and use high-contrast, well-lit samples. Blurry, skewed, or stylized text reduces accuracy significantly.

Manual Identification by Letterform

If automated tools struggle, experienced designers often fall back on analyzing individual letterform characteristics:

• Serif vs. sans-serif — the presence or absence of small strokes at letter ends
• Stroke contrast — whether thick and thin strokes vary dramatically (common in transitional serifs like Times) or stay uniform (common in geometric sans-serifs like Futura)
• x-height — the relative height of lowercase letters compared to capitals
• Terminal shapes — how strokes end (ball terminals, flat cuts, diagonal cuts)

Resources like Identifont and typography forums such as Typophile or the r/identifythisfont subreddit are useful when tools fail and human expertise is needed.

How to Check Fonts Inside a PDF or Document

PDFs often embed font information directly.

• In Adobe Acrobat or Acrobat Reader: go to File → Properties → Fonts tab to see every font embedded in the document
• In Microsoft Word: fonts in use are visible in the font selector dropdown when text is highlighted
• In Figma, Sketch, or Adobe XD: selecting a text element shows its font in the properties panel

For open-source tools, PDF-XChange and various command-line utilities can also extract font metadata from PDF files.

Variables That Affect How Easily You Can Identify a Font

Not every font is equally identifiable, and several factors determine how straightforward the process will be:

• Image quality — low resolution, compression artifacts, or rotation make automated tools less reliable
• Custom or modified typefaces — many brands commission bespoke fonts or modify existing ones, meaning no tool will find an exact match
• Stylized or distorted lettering — hand-lettering, heavily tracked text, or type with visual effects applied may not match any digital font
• Font licensing — even when a font is identified correctly, it may be a paid typeface, a restricted license, or no longer commercially available
• Web font obfuscation — some sites deliberately obscure or rename font files, making network tab inspection less conclusive

When You Find the Font Name But Not the Font Itself

Identifying a font and being able to use it are two different problems. Once you have a name, you'll typically be looking at one of several scenarios:

• The font is available free on Google Fonts or Font Squirrel
• It's a commercial typeface available through foundries like Adobe Fonts, MyFonts, or Fonts.com — often with individual purchase or subscription options
• It's a proprietary typeface owned by a company and not publicly licensed at all
• There are free alternatives that closely match the style — tools like Font Squirrel's Matcherator and FontJoy can help surface similar options

🎨 Typography communities are often helpful here — posting a sample to a forum with the name you've found can quickly surface free lookalikes or confirm whether the original is accessible.

The Part That Depends on Your Situation

The method that works best shifts depending on whether you're working from a live webpage, a static image, a document, or a physical object — and what you plan to do once you've identified the font. A developer integrating type into a codebase has different needs than a designer recreating a print layout or a casual user who just liked a logo. The tools exist and work well, but which combination of them is worth your time depends on what you're starting with and what outcome actually matters for your project.