How to identify a font from an image or screenshot

First, check whether it is really an image

A lot of what looks like a picture on the web is ordinary text sitting on top of a photo or a colored box. Hero banners, pricing cards, quotes over a background, even many “posters” on a landing page are built this way. That matters, because live text carries its font name in the page’s code and an image does not.

The test takes two seconds. Try to select the words with your cursor, or double-click one word.

• Individual letters highlight. It is live text. Skip the image tools and read the font straight from the page. See how to identify the font on any website.
• The whole block drags as one picture, or nothing highlights. It is an image, a canvas or a video frame. Keep reading.
• You only have a screenshot. Ask yourself where it was taken. If it is a screenshot of a website or a web app, open that page. The real text is one click away and the answer will be exact.

Image identifier tools worth trying

When the text really is pixels, you need a tool that matches letter shapes against a catalog of fonts. They all work in a similar way: you upload a picture, mark the text, and get a list of candidates ranked by visual similarity. Each one searches a different catalog, so it pays to try more than one.

None of these tools publishes an accuracy figure you can rely on, and results vary a lot with the quality of the image. Treat every result as a shortlist, not a verdict.

Prepare the image before you upload it

Most bad matches come from bad input. The matcher has to find letter outlines first, and anything that blurs or joins those outlines hurts the result. Five minutes in any image editor makes a real difference.

1. Crop to one line in one style. Mixed fonts, sizes or weights in the same crop confuse the matcher. If the image has a headline and a tagline, run them separately.
2. Use the largest, sharpest version you can find. Look for the original file instead of a thumbnail or a compressed social preview. Enlarging a small image afterwards does not bring the detail back.
3. Straighten it. Rotate the text until the baseline is horizontal. For a photo taken at an angle, use a perspective correction tool so the letters are not skewed.
4. Separate touching letters. Tight spacing, script joins and heavy outlines make two letters read as one blob. Erase a thin gap between them if you need to.
5. Raise the contrast. Dark text on a plain light background works best. Convert to grayscale, remove the photo or texture behind the text if you can, and drop shadows, glows and outlines.
6. Keep enough letters. A few distinct characters help more than a long word of repeated ones. Include a lowercase a, g or e if the image has them.

Compare the candidates by their telltale letters

You now have a list of fonts that look roughly right. Many typefaces share most of their shapes, so the way to pick the true match is to check the letters where designers make different choices. Type the same words from your image into each candidate’s preview and compare these.

Overlaying helps. Put the candidate at half opacity on top of your crop in a design tool and scale it until the cap height matches. If the letter widths and the spacing drift apart along the line, it is a cousin, not the same font. Check the weight too: you may have the right family and the wrong weight.

If the vocabulary is new to you, our guide to font pairing basics explains the main families of type and what sets them apart.

When the matchers fail, and who to ask

Sometimes every tool returns near misses. That is often a sign that there is no font to find.

• Logos and wordmarks. Many are drawn by hand, or started as a font and were then reshaped. At best you can find the starting point.
• Custom and modified type. Large brands commission their own typefaces, which are not for sale and are in no public catalog.
• Handwriting and hand lettering. If repeated letters look different from each other, it was written, not typeset.
• Old print and signage. Pre-digital type may have no exact digital version, only revivals that interpret it.
• Non-Latin scripts. Coverage in the matchers is thinner. Adobe states that its visual search supports Latin text.

When software runs out, people are surprisingly good at this. The Reddit community r/identifythisfont exists for exactly this question, and several typography forums run a font identification board. To get a useful answer, post the cleanest image you have, say where it comes from and roughly when it was made, and list the fonts you have already ruled out. Be patient, and thank whoever solves it.

The shortcut: find the same text live on a web page

Here is the part most image searches miss. Brands tend to use the same typeface across their graphics and their website. If your image is an ad, a social card, packaging or a screenshot from a company, open that company’s site and look for a headline that matches. Live text gives you an exact name, not a list of guesses.

You can do this with the browser alone. Right-click the text, choose Inspect, open the Computed tab and scroll to the Rendered Fonts section at the bottom. The full walkthrough is in how to find a font with Chrome DevTools, and there is a separate one for Firefox, Safari and Edge.

Font Inspector makes the same check a single click. To be clear about its limits: it does not identify fonts in images, screenshots, canvas or video. It reads live text on web pages. When the text is live, though, it is faster than any matcher and it is exact.

1. Click the toolbar icon and choose Pick text on page, or press Alt + Shift + F (Option + Shift + F on Mac). You can also right-click the text and choose Inspect Font.
2. Hover the headline and click it. Use ↑ and ↓ to move to the parent or child element if you grabbed the wrong one.
3. Read the family, the font actually rendered, the weight, the size and the spacing in the panel.

The panel also tells you where the font comes from: Google Fonts, Adobe Fonts, a self-hosted file or a font installed on your device. That answers the next question, which is where to get it. Use the exact name to confirm or reject the candidates from your image search. If the site turns out to use a different typeface than the graphic, you have still narrowed the field.

You have a name. Check the license before you use it

Identifying a font is always fine. Using it is a separate step, because fonts are licensed software. Fonts on Google Fonts are open source and free for commercial work. Adobe Fonts come with a Creative Cloud subscription. Most other professional typefaces need a license from the foundry, and desktop, web and app use are usually licensed separately.

Be careful with “free download” sites that show up when you search a font’s name. Many host files without permission. Go to the foundry or an authorized seller, and read font licensing explained if the terms are unfamiliar. When the original is out of budget, a free font with similar proportions is often close enough. Font Inspector suggests free Google Fonts look-alikes for many popular paid fonts. They are similar, not identical, so test them with your own text.