Find the Font Used on Selected Text on a Webpage

To find the font used on a particular text on any webpage, a user needs to view the source code of the page. It may be easy task for webmasters but for normal internet users this method is very complex. Today I will share a Firefox add-on that simplify this task and let you view the font used by right-click only.

Font Finder is a Firefox add-on that lets you easily find the font used on a selected text on any webpage. Simply highlight the text and right-click to find the font used on that text. Font finder not just find the font type but it explain other properties of the text too.

Here are all the properties that Font Finder can explain about the selected text:

  • Color: It can find hex color, RGB color and background-color.
  • Font: Font family and font size.
  • Spacing: Find the line  height, vertical align, letter spacing, word spacing properties.
  • Decoration/Transformation: UNder Decoration/Transformation it shows properties like font weight, font style, font variant, text transform, text decoration, text align and text indent of highlighted text.
  • Element Details: Element’s type, class and ID.

Font Finder Firefox add-on provides one more important functionality. It can copy element’s properties directly by right-click. It can copy properties like Hex color, Font family, Font size, ID, Class or all data of highlighted text.

SO Font Finder do more than just finding the font of selected text. It is a must have plugin for web developers and it works with Firefox version 1.5 – 4.0.

Add Font Finder to Firefox

7 Comments

  1. Gagan
    May 23, 2009 at 10:10 am

    earlier I used to search the css file for finding the fonts and now its damn easy to do it. thanks Simran 🙂

    Gagan´s last blog post..Big Drawback Of Top Commentator Widget

  2. Harshad
    May 23, 2009 at 5:42 pm

    That’s an interesting find Simran. Good one…

    Harshad´s last blog post..Use WolframAlpha in Google Search Engine

  3. Hariharakumar
    May 24, 2009 at 9:19 pm

    Thanks, i already know about this addon, but installed after reading this article

    Hariharakumar´s last blog post..Konami Code: Find some hidden Easter eggs on the Web

  4. Harsh Agrawal
    May 25, 2009 at 2:35 pm

    I;m using a similar plugin for Firefox name as Firebug. It’s also good.. try it

    Harsh Agrawal´s last blog post..Topper of IIT JEE ALL India Rank 2009

  5. Ricky
    May 25, 2009 at 2:45 pm

    Cool stuff.Very informative post buddy.

    Ricky´s last blog post..Watch ICC Twenty-20 World Cup For Free

  6. Naeem Noor
    May 27, 2009 at 4:12 pm

    Very useful, using it.

    Naeem Noor´s last blog post..Simple Page Peel Effect for Blogger

  7. Kendi Tasarimim
    February 18, 2010 at 6:22 pm

    Tricky! Sleek and rabid! Now i need to download all the fontz!

© Copyright. Theme by BloomPixel.