Curated by Carsonified

Topics

Learn with Treehouse

Accessibility, CSS3, Design, Django, HTML & CSS, HTML5, JavaScript, jQuery, NoSQL, PHP, Responsive Web Design, Ruby, Ruby on Rails, Tools, UX, Version Control, WordPress, iOS and more

Article 5

Identify web fonts with WhatFont

By @house

27 June 2011 | Category: Typography

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.

Follow @thinkvitamin on Twitter Please check out Treehouse

Other Posts You Might Find Interesting

Comments

  • http://hardknight.net Kellvarado Dick

    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

  • http://planetoftheweb.com planetoftheweb

    Whoah…this is an awesome find.

  • http://twitter.com/joyoge Designers Community

    Great tool, thank you for share

  • http://pulse.yahoo.com/_ZICGSNQOW53ZQV7BJH3LASZOOM Glennmorphy Smith

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

  • http://www.facebook.com/profile.php?id=630724798 Rafay Shaukat

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

Learn Web Design!

Ads Via The Deck

Think Vitamin Radio
Episode #34: Amazon Fire and Responsive Roundtable

Check out our bi-weekly radio show. Covering the hot topics on the web.

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.

Download Podcast as mp3

Advisory Board

The Think Vitamin Advisory Board in place make sure that you receive the best content possible.