WhatFont

With WhatFont, you can quickly and easily identify the names of various fonts used on a web page. You could do this by looking at the CSS of the page or through the Chrome Developer Tools but WhatFont makes it simpler and more elegant.

To get started, click the What Font 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 tooltip. You can click the text to identify the font style including the size, line height and the color in hexadecimal code.

WhatFont also detects font services like Adobe’s Typekit and Google Fonts used for serving web fonts.