Easiest Way to Identify Fonts Used in a Webpage

Posted by Mayank on September 5, 2011 in How To,Website


What is the easiest way to find the fonts used in a webpage ? If you’re a developer, your answer would be prompt – Firebug and/or Webkit Inspector. Others would find it difficult to answer this question. Well no more! Today you’ll get to know about the FREE Chrome extension, which probably is the easiest way to identify fonts used in a webpage.

The Chrome extension is : WhatFont

Install this Chrome extension and go to the webpage, you’d like to find the font used in.
what font

Click the WhatFont button, which will be located at the top right corner of your Chrome browser. By clicking this button once, you enable it and when you press it again or navigate to a different webpage, it gets disabled. So, if you need it again, you’ll have to click it again.

Now to find the fonts used in a webpage, just hover over any word you’d like to know the font used – you’ll get the font name. To get further details, click on that word once and more details will pop up. It is that simple and elegant. It also detects the services used for serving the web fonts and also supports Typekit and Google Font API.

whatfont test

Isn’t that simple and easy. It has been spot on whenever we’ve tested it.

Related Posts Plugin for WordPress, Blogger...

Comments on this entry are closed.