Skip to Main Content

Font Inspector in Firefox DevTools

Posted on 3.13.2013

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


Today's Top Picks for Our Readers:
Recommended by Recommended by NetLine

Leave Your Comment

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


Leave a comment
    Load more comments
    New code