WhatFont
Tool

Tweet

spacer

* WhatFont is not affiliated with MyFonts and/or the WhatTheFont service.

← Back to Chengyin's main page

What is this for?

What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away.

Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on.

To embrace the new web font era, WhatFont also detects services used for serving the font. Now supports Typekit and Google Font API.

spacer

How to use it?

Bookmarklet

Chrome Ext.

Safari Ext.

WhatFont

← Drag this to your bookmark bar to install

On any webpage, click your WhatFont bookmark to use the tool.

Full support: Firefox 3.6+, Chrome 9+, Safari 4+, Internet Explorer 9.

Limited support: Internet Explorer 8.

spacer

Install the extension from Chrome Web Store.

On any webpage, click WhatFont button to use the tool.

Download Now

After downloading, open the extension file to install.

On any webpage, click WhatFont button to use the tool.

Test field

The quick brown fox jumps over the lazy dog.

font-family: Palatino, Georgia, serif;

The quick brown fox jumps over the lazy dog.

font-family: "Helvetica Neue", Arial, sans-serif;

The quick brown fox jumps over the lazy dog.

font-family: "bello-pro-1", "bello-pro-2", sans-serif;

Feedback

Email chengyin.liu@gmail.com

Twitter @chengyinliu

Changelog

The tool should auto-update itself. If you do not get the newest feature, please reinstall. Minor updates for each extensions will not be logged.

  • Ver 1.6.1
    • Added color detection for text.
  • Ver 1.6
    • Added a tweet button for instant sharing through Twitter.
    • Improved style reseting.
  • Ver 1.5
    • Overall restyling.
  • Ver 1.4
    • Restructured the code.
    • Added font services detection for Typekit and Google Font API.
    • (Chrome Extension) Fixed the toolbar button bug, the second click now exits WhatFont.
  • Ver 1.3.2
    • Fixed several bugs related to style reseting.
    • Added a prompt for <img> and <embed>.
    • Added an external service for <img>.
  • Ver 1.3.1
    • Fixed several bugs related to DOM to support Internet Explorer 8+.
  • Ver 1.3
    • Added a detail panel.
    • Added a shortcut (ESC) for exiting.
  • Ver 1.2
    • Added an exit controller.
  • Ver 1.1
    • Merged Riobard's fork to reveal the font currently in use.
  • Ver 1.0
    • Where it begins.
Unfold all...

Credit

Many thanks to Riobard for the font-in-use detecting code.

Thanks to Bennett McElwee for the default font bug fix.

Thanks to @pr0n, @hugoahlberg, @zhusee2 and Brian Majerus for helping me test.

Source

Hosted on Github

External Services

The external links included in WhatFont are being provided as a convenience; they do not constitute an endorsement or an approval by me.

Privacy

No personal information will be collected by this script.

gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.