FontFaceNinja: a browser plugin for identifying web fonts

FontFaceNinja is the first .ninja website I've been to, and it immediately wins the browser plugin of the year award.

There are two ways to find out what awesome font a website is using. There's the traditional way:

  1. Right click
  2. Inspect element
  3. Sift through endless lines of HTML to find which element the font style is applied to
  4. Scroll through the styles with eyes squinted trying to find the  font-face declaration

That way sucks. But we do it anyways, right? Because that font is just so hot, right? Never again.

If you giggled at that, stop what you're doing and install FontFaceNinja. It's available for Chrome, Safari, and as a Bookmarklet for other browsers. Here's what you'll be able to do just by hovering over some text:

FontFaceNinja demo

Isn't it glorious? It can even mask background images for a better focus on type! If you like FontFaceNinja, tell the awesome folks over at Creaktif, who also happen to have a pretty slick website.

Author avatar

About the author

Creator of Surreal CMS and other web things. Follow me for tweets about JavaScript, CSS, and web programming.