LearnIdentify web fonts with WhatFont

Treehouse
writes on June 27, 2011

Share with your friends










Submit

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. 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

  2. Whoah…this is an awesome find.

  3. Great tool, thank you for share

  4. Thanks for sharing this informative information and its so useful for us.
    https://www.happynapper.com/

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

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