Font Inspector in Firefox DevTools

Posted on

  • email
  • twitter
  • facebook
  • share this

share this

The role that typography plays in the success of a Web design (and of course to the user experience) is indisputable – if I never, ever see Comic Sans again it will be too soon. Website Magazine has covered a few different tools over the years to help designers identify fonts they may be interested in using, most recently Fount, but there’s always room for one more, right?

Mozilla has included a new font-related tool called the Font Inspector (see image below) to its Firefox Dev Tools. While currently only available in the browser’s nightly build (meaning it’s only in the pre-beta stages now), it does indicate that the popular open-source browser maker’s developers are certainly tuned in to the challenges of modern Web design.

The tool essentially enables designers to see what Web fonts and font-based icons are being used in a page (including the font name and font family, its location, a preview and the @font-face code) – providing yet another opportunity to see different approaches to typography in action.

Related Information on Fonts in Web Design:
- Typekit of Google Web Fonts?
- Textillate Brings Back Text Animation
- Tyopgraphy App Eases Design Process


Login To Comment

Become a Member

Not already a part of our community? Sign up to participate in the discussion. It's free and quick.

Sign Up


Web Design Firm 03-16-2013 5:36 AM

I found Fount to be very useful so I will look to see what this one can offer.

Fixing Monitor Flickering 08-14-2015 10:02 AM

Not all browsers support all font styles, so that's something I had to factor in, when I was building my site.

Add to the discussion!

999 E Touhy Ave
Des Plaines, IL 60018

Toll Free: 1.800.817.1518
International: 1.773.628.2779
Fax: 1.773.272.0920