{"id":19778,"date":"2016-11-08T11:00:29","date_gmt":"2016-11-08T17:00:29","guid":{"rendered":"https:\/\/getflywheel.com\/?p=19778"},"modified":"2024-02-22T11:22:45","modified_gmt":"2024-02-22T17:22:45","slug":"how-to-use-photoshops-match-font-tool","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/","title":{"rendered":"How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">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\u2019s not the worst system in the world, we&#8217;re guessing it\u2019s not exactly how you\u2019d like to spend your time. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thanks to a 2016 Photoshop update in which a feature called Match Font was released, this long, annoying process is now 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. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And the best part? Match Font is incredibly easy to use and master. Just follow these four simple steps!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Upload the Image to Photoshop<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Be sure to choose an image that has the font you\u2019re looking for and is relatively easy to read. There are some tricks you can do if the image is a little distorted (we\u2019ll get to those in the next step!) but the clearer the image, the better your results will be.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/11\/photoshop-match-font-upload.jpg\" alt=\"photoshop-match-font-upload\" class=\"wp-image-19795\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">2. Straighten Out Your Image<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If the font in the image is distorted, it\u2019s smart to stop here and fix the issue. Use the Edit &gt; Transform &gt; Distort function to adjust any issues you may have noticed with the font initially. Simply drag the corners to \u201cstraighten\u201d out the font as much as possible. Guides can also help you standardize the font during this step.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Select the Font you Want to Match<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/11\/photoshop-match-font-select.jpg\" alt=\"photoshop-match-font-select\" class=\"wp-image-19784\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">4. Match the font<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When the area you need is highlighted, go to Type &gt; Match Font.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/11\/photoshop-match-font-menu.jpg\" alt=\"photoshop-match-font-menu\" class=\"wp-image-19785\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A dialogue box will pop up with suggested options based off the downloaded fonts on your computer.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/11\/photoshop-match-font-suggestions.jpg\" alt=\"photoshop-match-font-suggestions\" class=\"wp-image-19786\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If none of these match, or if you think there might be a closer match somewhere out there, don\u2019t 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!)<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/11\/photoshop-match-font-typekit.jpg\" alt=\"photoshop-match-font-typekit\" class=\"wp-image-19787\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">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!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019re looking for an exact match, it\u2019s 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.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/getflywheel-images.s3.us-east-2.amazonaws.com\/uploads\/2016\/11\/photoshop-match-font-final.jpg\" alt=\"photoshop-match-font-final\" class=\"wp-image-19788\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Photoshop\u2019s Match Font feature not only helps designers better match fonts, but is also a fantastic time saver!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another great time saver? Using WP Engine&#8217;s premium <a href=\"https:\/\/wpengine.com\/wordpress-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress hosting<\/a> to keep your sites running smoothly! Check out <a href=\"https:\/\/wpengine.com\/plans\/\" target=\"_blank\" rel=\"noreferrer noopener\">our plans<\/a> to learn more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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\u2019s not the worst system in the world, we&#8217;re guessing it\u2019s not exactly how you\u2019d like to spend your time. Thanks to a 2016 Photoshop update in<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":1,"featured_media":141958,"template":"","resource-topic":[1396],"resource-role":[1397,897],"resource-type":[916],"class_list":["post-19778","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps<\/title>\n<meta name=\"description\" content=\"In the past, trying to match a font in a photo was a pain. But with Photoshop&#039;s Match Font tool, it&#039;s easier than ever!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps\" \/>\n<meta property=\"og:description\" content=\"In the past, trying to match a font in a photo was a pain. But with Photoshop&#039;s Match Font tool, it&#039;s easier than ever!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-22T17:22:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2016\/11\/match-font-header.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/\",\"name\":\"How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2016-11-08T17:00:29+00:00\",\"dateModified\":\"2024-02-22T17:22:45+00:00\",\"description\":\"In the past, trying to match a font in a photo was a pain. But with Photoshop's Match Font tool, it's easier than ever!\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085\",\"name\":\"WP Engine\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g\",\"caption\":\"WP Engine\"},\"sameAs\":[\"https:\/\/wpengine.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps","description":"In the past, trying to match a font in a photo was a pain. But with Photoshop's Match Font tool, it's easier than ever!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps","og_description":"In the past, trying to match a font in a photo was a pain. But with Photoshop's Match Font tool, it's easier than ever!","og_url":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2024-02-22T17:22:45+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2016\/11\/match-font-header.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/","url":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/","name":"How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2016-11-08T17:00:29+00:00","dateModified":"2024-02-22T17:22:45+00:00","description":"In the past, trying to match a font in a photo was a pain. But with Photoshop's Match Font tool, it's easier than ever!","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-use-photoshops-match-font-tool\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Use Photoshop\u2019s Match Font Tool in Four Easy Steps"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/f5301455463371a10d1fc290e9ad0085","name":"WP Engine","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d8770fe9625ca7c4601f13d9d0ab86565a6dac8cd6a77bfe2ada6d83c6837870?s=96&d=mm&r=g","caption":"WP Engine"},"sameAs":["https:\/\/wpengine.com"]}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2016\/11\/match-font-grid.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Designer, Freelancer","topic":"<strong>Topics:<\/strong> Design","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/19778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/141958"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=19778"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=19778"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=19778"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=19778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}