In this tutorial, you will learn how to match fonts in Photoshop so that you can use it in your designs.
The Match Fonts Feature in Photoshop was introduced in the CC 2015.5 release.
Match Font allows you to take the guesswork out of identifying certain fonts and it lets Photoshop CC do all the hard work for you.
Thanks to the magic of Adobe Sensei (Adobe’s Artificial Intelligence) Photoshop uses intelligent imaging analysis to determine a font that is used in a photo.
Once Photoshop analyses the image using machine learning technology, you will receive a set of matching or similar fonts from your computer and the Typekit library.
Match Fonts In Photoshop From an Image
Step 01 – Open The Match Font Window
With any image with text open got to Type > Match Font. This will open the Match Font window and you will see the selection box over the image.
Step 02 – Select Your Text with The Match Font Selection Box
Click-and-drag corner handles of the Selection Box so that it includes a single line of text. Select a single typeface and style. Don’t mix typefaces and styles inside the Match Font selection.
Also, make sure that you closely crop the Selection Box to the left and right edges of the text.
Note: Photoshop’s Match Font, font classification, and font similarity feature currently work only for Roman/Latin characters.
Step 03 – Select The Font From The Match Font Window
After you place the Match Font Selection Box closely around the text, Photoshop displays automatically list fonts similar to the font in the image, including fonts from Typekit.
Fonts from Typekit will need to sync to your Creative Cloud account.
To only view fonts installed on your computer uncheck Show Fonts Available To Sync From Typekit.
In the results, click on the font closest to the font in the image.
After you press OK Photoshop will select the font that you clicked on.
Correct The Fonts Perspective Before You Find Fonts In Photoshop
Some images might be too distorted or have an extreme angle which will make it difficult to find fonts in Photoshop.
In the example below, the sign’s perspective is too extreme and the Match Font command will not work.
For an image like this, you can use the Perspective Crop Tool (nested under the Crop Tool) to correct the perspective.
Simply click-and-drag the corner handles and match the angle of the surface where the text lays. Then press enter (Mac: Command).
Once the perspective is corrected, follow the same steps in the first example to match the font.
For Better Results Use The Typekit Website To Match Fonts
Instead of using Photoshop to find fonts, I have been recently using the Typekit website instead.
The website allows you to do a visual search (jpg, gif, or png.) and it provides better previews than Photoshop. You can preview the font with any copy that you like, and you can also adjust the size of the text, making it easier to decide which font works best.
Just like with Photoshop, make sure that place the selection box tight around one line of text. Remember that samples containing characters Aa–Zz will get the best results.