ATTENTION!This thread contains the font recognition tutorial and discussion regarding it and the methods used for recognizing the typefaces.If you want to post your font identification request, please do it in this thread - Anyone recognize this font?

You have an image with some text on it - it can be a logo, screenshot, scan or a photo - and you have to find out the name of the font used.How to proceed?There are a few methods which can make it possible and easier.

An online application similar to “Search By Sight”, but using slightly different approach.

You have to decide which style your sample font belongs to (there are icons with example letter to help you with this):- Humanist- Modern- Slab Serif- Sans Serif- Handwritten- Blackletter- Geometric- Amorphous- Ironic- Stamp

Then you define several glyph features: serif, width, proportions, angle, weight, contrast, axis, contour and tools.After you have selected the features, TypeNavigator searches for the fonts and displays the results.You can also click “Find Similar” on the result page, looking for the fonts similar to the one from the results of your initial font search.

Of course all the online tools are using limited resources (usually all the fonts available for sale via the website offering the font recognition tool).And because of this the may properly recognize “commercial” fonts, but have problems with the free ones, as they are not considered when performing the search.

Varelse
—
2006-03-25T00:30:29Z —
#3

2. Other Methods

• Compare&Match

A simple method that consists in comparing the image with a font collection you have.This may sound as an extremely time-consuming way, as an average font collection may contain thousands of typefaces.But when they're logically sorted into style categories, the task will be relatively easy.Refer to the tips for this method explained further.

•

If other methods fail, you'll have to ask others for help.SitePoint's Graphics and Multimedia forum can be a place to start.Post the image containing the font you are looking for the name of, and you might find someone who can help you.

•

WhatTheFont forum where you can ask font experts for help in font recognition task.

•

DaFont forum where you can ask members for help with recognizing your font.

A desktop font identification solution that looks at the fonts on your computer, instead of comparing against every font available on the Internet.

You can ask FontMatch™ to “look” at a sample and compare it to each font on your computer. FontMatch™ compares positive and negative space in a manner very similar to the way your eyes do, matching patterns to determine the best “fit”. After examining each font, it displays two images side by side: the one you supplied, and FontMatch’s best answer. Or you can scroll through each of the answers, and see a percentage for each one that represents the closeness of the fit. Unlike the online font identification utilities, this program matches only to the fonts that you already have in your computer.

All you have to do is supply FontMatch™ with an image file (.jpg, .bmp, .gif, etc.) and then specify what character this image represents (for example, capital C.) FontMatch™ can search through the fonts loaded on your machine, or all of the fonts in a particular directory.

Varelse
—
2006-03-25T00:31:00Z —
#5

4. Tips

• WhatTheFont

Preparing the image

There are several tips that help WhatTheFont in recognizing the font from provided image.These are the following:- increasing the contrast- removal of obsolete, non-font elements- increasing the letter spacing

Image that looks like this:

Would be a hard task for WhatTheFont to recognize the font and it would most likely fail.

After some work the image can be turned into this:

This correction will greatly increase the chances of success in finding the proper font match.

Choosing optimal letter set

If your font sample image contains more letters, you should consider choosing the optimal set for WhatTheFont.

WTF has some limits:- number of components - max. 35- maximum image size - around 360 x 275 pixels*ʾ*ʾ With the smaller image height, the width can be bigger.

While the number of components is usually not a problem, the image size limit may result in fewer characters given for font recognition, thus - smaller chances of success.

There's no use in uploading the image with the same letter occuring several times.Repeating characters can be removed and replaced with the unique ones.Remember that WhatTheFont is not the OCR (Optical Character Recognition) tool.It doesn't make a difference if the letters you upload make any sense, they're sample characters only.

Example:

Instead of "mass stress passes", it's better to remove all the repeated letters (leaving only "mas tre p") and add several unique letters.

The more variety of the characters provided, the bigger the chance of successful font recognition.

• Compare&Match

Font categories

Sort your font collection into logical style categories (gothic, script, pixel/bitmap, etc.)If you don’t know how to sort them, use the categories as listed on DaFont or similar free font site.This will greatly help you when looking for a specific font style.

Font sources

To be able to use the Compare&Match method successfully, your font collection must be large.You can download fonts from numerous free font sites – check the Definitive List of Wortwhile Font Sites.

Font viewers

If you don’t already have a font viewer or manager, you’ll have to download and install one.There are a few free or shareware ones:

There are also commercial programs, but any of these mentioned should be enough for this task.

Once you find the font you were looking for, you can confirm the match by entering the text into “custom preview” field on the font site, like for example www.dafont.com.

Procedure

• decide which style category the font belongs to• run the font viewing program• enter the same letters (as the sample text), as these on the image with unidentified font• slowly browse through the font category, comparing the sample text with the image

Varelse
—
2006-03-25T01:05:01Z —
#6

5. Case Study

• Simple font, 2 color image

The easiest possible. To recognize the font used, upload the image to WhatTheFont.

WhatTheFont usually doesn’t recognize the small text font, so use the Compare&Match method.

• Pixel Font

Don’t upload such a small sample text to WhatTheFont – it’ll fail in recognizing it.Before uploading, prepare the image – resize it 4x or 8x times (if you are using Photoshop, select the “Nearest Neighbour” method instead of “Bicubic”).This simple trick will raise the chances of positive font recognition by WTF.

Results before resizing the sample image – none of the matches is close to the font used.

Results after the image resizing – most of the matches found are either similar or even exact match.

• Ornamental font

WhatTheFont will fail in most such cases and if it does, use the Compare&Match method.

• Web 2.0 logo

If you’d like to know what font is used in one of the popular "Web 2.0" logo designs, you can check it here - The Logos of Web 2.0

▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼

After you’ve tried recognizing the font yourself and failed, upload your image and ask on the forums: [[B]SitePoint[/B] or [URL=http://www.myfonts.com/WhatTheFont/forum][B]WhatTheFont[/B]](http://www.sitepoint.com/forums/forumdisplay.php?f=8).

Jako
—
2006-03-25T03:16:40Z —
#7

Great thread Varelse, very useful and insightful.

system
—
2006-03-25T12:44:35Z —
#8

Wow Arthur, you are a beast! Thanks for the tips.

Tijmen
—
2006-03-25T14:59:36Z —
#9

Very useful post Varelse! It can be really hard to recognize a font, and i'm sure this guide will be useful when i need to find out what kind of font it is.

ckita
—
2006-03-25T15:51:46Z —
#10

I had a strange feeling you were gonna do this..haha..good article Varelse!

molona
—
2006-03-25T16:12:44Z —
#11

Nicely done. Thank you for taking the effort

ConceptualMind
—
2006-03-25T17:49:37Z —
#12

Great guide! Thanks.

Digital_Portrait
—
2006-03-26T19:26:54Z —
#13

ConceptualMind said:

Great guide! Thanks.

I have been looking for a site like this. Thank you very much, your efforts are not wasted!

smittenbite
—
2006-03-26T19:42:39Z —
#14

wow thanks a LOT!! i had this exact problem the other day, glad to know this will be here the next time i need to find the name of a font

Varelse
—
2006-03-27T04:08:37Z —
#15

Thanks for your opinions.I hope that this guide will be helpful and make the whole process easier for people looking for the font name. If so - I am happy.

spinmaster
—
2006-03-27T08:53:59Z —
#16

Great guide! Thx for your efforts!

Fara0
—
2006-03-27T10:57:16Z —
#17

Great article, thanks!

fenryr
—
2006-03-27T11:26:36Z —
#18

Nice guide! Thanks for the effort!!

marbly
—
2006-03-27T12:52:57Z —
#19

Just what I've been looking for for a long time

dpsites
—
2006-03-27T12:53:57Z —
#20

Wow, the amount of times ive had to do this myself and not known where to start. "WTF" is certainly an eye opener.