{"id":16,"date":"2009-04-03T18:29:00","date_gmt":"2009-04-04T01:29:00","guid":{"rendered":"http:\/\/www.sketchpad.net\/blog\/?p=16"},"modified":"2009-05-28T20:40:59","modified_gmt":"2009-05-29T03:40:59","slug":"whatthefont-free-online-font-identification","status":"publish","type":"post","link":"https:\/\/www.sketchpad.net\/blog\/16\/whatthefont-free-online-font-identification\/","title":{"rendered":"WhatTheFont – Free Online Font Identification"},"content":{"rendered":"

The quickest and best free online font identification is to be found at WhatTheFont from MyFonts.com. (http:\/\/www.myfonts.com\/WhatTheFont\/). You simply upload an image file either from a url on the Internet or from a file on your local drive. The website will do character recognition on your image and separate the image into individual letters on a subsequent screen. Here you will have a chance to make corrections, such as replacing lower case letters with uppercase or vise-versa. On this screen you can also re-combine compound shapes that have become separated like the dotted “i”. You simply drag and drop the dot over the dotless “i” and assign the letter “i” to that re-combined shape. You can repeat this process for any letters that have become separated. After you have made corrections, simply click the “Search” button. You will be directed to a list of possible fonts that match the uploaded sample.<\/p>\n

Tips for preparing images for upload:<\/p>\n

    \n
  1. The maximum image size allowed is about 360 px x 275 px. I believe it goes by total number of pixels.<\/li>\n
  2. The recommend ideal letter height is around 100 px.<\/li>\n
  3. Try to make sure that each letter is separated and not touching.<\/li>\n<\/ol>\n

    The service will accept most common image file formats like GIF, JPEG, TIFF or BMP.<\/p>\n

    This free service is dead-on. If you have a good quality image that has been prepared well, it rarely misses. This is an invaluable tool that I use all the time. Here are a few tips that I have figured out from my own experience using Photoshop to prepare the images to be uploaded:<\/p>\n

      \n
    1. Try to use black letters over a white background. If you are working from a color image you can convert it to grayscale first, then use the Photoshop Levels adjustment or brightness and Contrast adjustment to make the letters black.<\/li>\n
    2. If you are working from a low resolution image sample that is not accurate enough for a good sample, sometimes it is possible to upsample the image to 150 ppi or 300 ppi.<\/li>\n
    3. As an alternative to upsampling, you can sometimes use the Magic Wand to either select the letters or select the background – then invert the selection – whichever gives you a better selection of the letters. Make sure the “Anti-aliased” checkbox is selected in the Magic Wand Tools options. Then you can copy the selection to a new layer or a new file, then click Select > Transform Selection. Hold down the Shift key while dragging one of the corner selection handles and enlarge the selection area to a decent size. Then click Edit > Fill and choose Black as the fill color. This is one way to get a little more detail for the letters.<\/li>\n<\/ol>\n

      I can’t tell you how many times this service comes in handy. Many times I will get a job that requires small changes to some website graphics. Most of the website owners don’t have access to any of the source files that could be used to identify any of the fonts and have no clue what the fonts are. With this free service I can ID the fonts in short order.<\/p>\n","protected":false},"excerpt":{"rendered":"

      The quickest and best free online font identification is to be found at WhatTheFont from MyFonts.com. (http:\/\/www.myfonts.com\/WhatTheFont\/). You simply upload an image file either from a url on the Internet or from a file on your local drive. The website will do character recognition on your image and separate the image into individual letters on […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13,12],"tags":[50],"class_list":["post-16","post","type-post","status-publish","format-standard","hentry","category-font-identification","category-fonts","tag-font-identification"],"_links":{"self":[{"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/posts\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":1,"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/posts\/16\/revisions"}],"predecessor-version":[{"id":33,"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/posts\/16\/revisions\/33"}],"wp:attachment":[{"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/media?parent=16"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/categories?post=16"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sketchpad.net\/blog\/wp-json\/wp\/v2\/tags?post=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}