Have you tried Flywheel? Learn moreJoin the best designers and creative agencies in the world. Learn more

×
How to use Photoshop’s Match Font tool in four easy steps

How to use Photoshop’s Match Font tool in four easy steps

In the past, matching a font found in an image with one on your computer required tedious searching through your font list to find the best approximation. While that’s not the worst system in the world, I’m guessing it’s not exactly how you’d like to spend your time. Thanks to Photoshop’s 2016 update, a feature called Match Font was released, making this long, annoying search a thing of the past. Match Font does exactly what it sounds like it does – it matches a font in your library with a font from a photo. So instead of manually searching to replicate a font, Photoshop now allows users to use this simple tool. This makes an often needlessly complicated task much simpler for designers, freeing you up for more important creative time!

And the best part? Match Font is incredibly easy to use and master. Just follow these four simple steps!

1. Upload the image to Photoshop

Be sure to choose an image that has the font you’re looking for and is relatively easy to read. There are some tricks you can do if the image is a little distorted (we’ll get to those in the next step!) but the clearer the image, the better your results will be.

photoshop-match-font-upload

2. Straighten out your image

If the font in the image is distorted, it’s smart to stop here and fix the issue. Use the Edit > Transform > Distort function to adjust any issues you may have noticed with the font initially. Simply drag the corners to “straighten” out the font as much as possible. Guides can also help you standardize the font during this step.

3. Select the font you want to match

Once the font is clean and normalized, use the Selection tool to make a box around the type. It is important to make this selection as tight as possible to the content, as it enhances the abilities of the tool. Additionally, the lasso tool can be used to select irregularly shaped sections, such as elaborate flourishes or descenders.

photoshop-match-font-select

4. Match the font

When the area you need is highlighted, go to Type > Match Font.

photoshop-match-font-menu

A dialogue box will pop up with suggested options based off the downloaded fonts on your computer.

photoshop-match-font-suggestions

If none of these match, or if you think there might be a closer match somewhere out there, don’t fret! When the box in the lower left of the Match Font pop-up is checked, Photoshop will also compare the selected font to those in the Adobe Typekit. (Note: you must be signed into Adobe Typekit for this to work!)

photoshop-match-font-typekit

Select the option you believe matches your font closest and click OK. That font will immediately become the selected font, so you can create a textbox and be on your merry way!

If you’re looking for an exact match, it’s a good idea to check the font against itself by creating a text layer overlapping the image, retyping the reference word, and directly comparing the two.

photoshop-match-font-finalPhotoshop’s Match Font feature not only helps designers better match fonts, but is also a fantastic time saver. To further improve your Photoshop workflow, check out this article and save yourself time and money!

Join the discussion

Share this article:
Get more great content in your inbox

More articles

Build WordPress sites faster. Try Flywheel free today! Try Flywheel