Sep 9, 2013

As a web developer or designer, you're sure to have come across a situation when you were on a website and wanted to know the font of a particular paragraph, title or even the whole website. Of course, you could do that by going into the looking at the CSS of the page or through the Chrome Developer Tools (totally awesome!) but WhatFont extension makes it simpler. Note that this is an extension only for Google Chrome.

All you need to do is click the WhatFont button in the Chrome Toolbar and hover your mouse over any text whose font family you wish to identify. The answer will instantly show up as as tool-tip. You can click the text to identify the font style including the size, line height and the color in hexadecimal code. It also detects font services like Adobe’s Typekit and Google Fonts used for serving web fonts.

Download the extension here.