There may be times when you browse through certain websites and love the fonts used on the site. You may even want to replicate the exact font structure on your own website, but identifying the font used may not be such as easy thing to do. You probably already use Firebug but it’s not a particularly convenient tool to use. In this article, I’ll show you how you can, at the click of a button, identify fonts used on a website.
The tool in question is WhatFont. It is a free bookmarklet that lets you discover any type of font simply by hovering over the font. It is also available as a Google Chrome extension. WhatFont works great on text but is not too reliable on images. The Whatfont website also has a few test fonts for you to try out and this is one of the most useful and convenient tools that works for me and I hope it works for you as well!
How to Identify Fonts Used on a Website
1. Head over to the WhatFont website.
2. Drag the WhatFont bookmarklet to your bookmarks toolbar.
3. When you find a website with a specific font you want to identify, just click the bookmarklet and hover the mouse pointer over the font.
It’s as easy as that! You can also try other tools listed below to identify fonts on a website.
Flickr Typeface Identification
Font Finder Extension for Firefox
FontGenius (for Mac)
Do you know or use other font identification tools? Share them with us and I’ll include them in my list.
You can follow us on Twitter or join our Facebook fan page to get tutorials, updates and how-to articles on Microsoft, Google and Apple products.
About Adeline
Wow, all the years I’ve been doing design I have never thought about trying to find what fonts are used on a website. Trying to find similar ones, Yes. Never thought of using a tool to find the exact font, thank you for sharing this I will be using in the near future!