What’s That Font!? A Font Identification Tutorial

Ever scrolled through Pinterest looking at cool photos and designs when you come across a type that looks absolutely awesome? I know I have, but how do you find it, learn the name, and download it? And if it’s a part of a paid font family, how could you find free alternatives that look similar? This tutorial will show you how to find any font you may come across and give you a list of other alternatives: paid or free.

Basic Skills Needed:
Web Surfing

1. Find the Typography You Like.
Once you found an image you want to learn the font of, save or screenshot it. The larger quality image the better and easier to identity. To save an image, right click and “save as.” To screenshot use (CMD+SHIFT+4 for Mac).


2. Edit The Image For Easier Identification.
The program we will use needs the image to be pure black and white with text only, so we need to edit the image in Photoshop. Bring the image into Photoshop and crop it around the text.

Next, use the color range tool in “Select<Color Range” to select the text’s solid color.



While the text is selected, use the paint bucket tool to paint in each individual letter. Once finished, inverse the selection “Select<Inverse” and paint the background with white (may need to use a brush if the background has other objects). Once finished, save your image as a jpg.



3: Upload Your Image Into The Program
There are lot of different software and websites that help to identity typography, but I’ve had the best experience at WhatFontIs.com. Go to their site and upload your image following the directions and making sure that if your image has a dark background, to check it in the upload screen.6


4: Identity the Letters
WhatFontIs processes the image and identities which parts of the image are letters. We gave our image a plain background with high contrast for the program so it’s easier to identity letters with accurate curvature. This section is cap sensitive, so make sure you type in exactly what the letter is.


5: Font Identification.
After you hit continue, the program goes through it’s database and selects 100 fonts that fit closest to the image we provided. On this example, we found the font used and it’s Agilita Std Bold. You also have choices on the right side to search through just free alternatives or commercial professional fonts.8


I hope this quick and easy tutorial will help you in the future find the type that you love! I know I’ve used it plenty of times. Good luck and happy font huntings!

Share your thoughts