Web Design

How-to: 3 ways to identify a font online

3 ways to identify a font onlineWhen working freelance, some of the time when you are working on a client’s website or print material you are being given some sort of branding guidelines to adhere to. Some of the time these branding guidelines exist somewhere in a drawer in someone’s desk, but no one knows where. This is even worse when you have to do some maintenance on a client’s website and have to use an existing font, but do not have access to it or the client doesn’t know who supplied the original.

As a designer, it is your job however to make sure you are using the right font, or the closest font possible if that fails. Here are three great websites to help you on your search…

1. WhatTheFont!

WhatTheFont! - Whatwasithinking.co.uk

Probably one of my favourite bookmarks when trying to find a font: WhatTheFont enables you to upload an image either from your desktop or from a website that is made up of the font. Once you uploaded the image the web application will try to associate letters (or you can enter these manually) and find the closest matches.

Tip: Make sure the image you upload has a decent size / resolution, and – if possible – use a very good contrast (i.e. dark text on a light non-gradient background).


2. Identifont

Identifont - Whatwasithinking.co.uk

Identifont is an old-school font-identification website, enabling you to find a relevant font based on its shapes and characteristics, based on a number of questions about the font in front of you. Identifont’s font-database is pretty good, so you should be able to find your required font easily.

Tip: This approach takes time and may be somewhat inaccurate depending on your answers. I would recommend using this site if you have no digital version of the font available.


3. Type Navigator

Type Navigator - Whatwasithinking.co.uk

Type Navigator is a more visual font search tool, similar in the style of Identifont. Here you are being presented with a series of images (from serifs to weight or contour), giving you the option to find the most relevant images to your font. Once you press “Search” you are being presented with the fonts matching the closest to your selected requirements, and even gives you the option to change the sample text to whatever you want, together with download / purchase options.

Tip: The good thing about this site is that it is more visual than Identifont, making it a very good choice when looking for a font when you don’t know a lot about typography, and the great number of results and close matches ensure you get the font you are after.



Comments are closed.