LearnIdentify web fonts with WhatFont

Screenshot of typekit.com with hovering windows showing the type faces used on the site

The WhatFont tool is a great way to identify what web fonts are being used right on a page. When the bookmarklet is active, just click on any text to discover its full font stack!

Go to chengyinliu.com/whatfont.html to install the bookmarklet (Firefox 3.6+, Chrome 9+, Safari 4+, Internet Explorer 9) or get the extension for Chrome.

5 Responses to “Identify web fonts with WhatFont”

  1. Rafay Shaukat on June 30, 2011 at 12:09 am said:

    Doesn’t works properly on images. Which is a down-side of this extension, other than that, awesome!

  2. Glennmorphy Smith on June 29, 2011 at 6:17 am said:

    Thanks for sharing this informative information and its so useful for us.

  3. Designers Community on June 28, 2011 at 10:44 pm said:

    Great tool, thank you for share

  4. planetoftheweb on June 28, 2011 at 9:19 pm said:

    Whoah…this is an awesome find.

  5. Kellvarado Dick on June 28, 2011 at 10:50 am said:

    Yes go into View-Page source this will tell you the fonts used unless the page is controlled by Cascading Style Sheets.http://hardknight.net

Leave a Reply

Want to learn more about Design?

Design refers to visuals, interaction flows, wireframes, branding, and more. Learn how to use good design to enhance your website, mobile app, or business.

Learn more