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.

Thanks for Reading

If you found this post helpful, please check out my service Surreal CMS. It’s a hosted content management system with beautiful inline editing and a ton of other great features!

Author avatar

About the author

Cory LaViska is a founder, web developer, and bootstrapper based in Orlando, Florida. Need to get in touch? You can connect with him on Twitter. Looking for a simple, no-worry CMS for your clients? Try my Surreal CMS!