Find out What Fonts Family a Website is Using

find font detailsWeb Fonts are the sole reason behind the outstanding web designs that you see today. Most often while visiting a blogger blog or website you wish to know what font type, font family. font color or font size the page is using. It is a perfect tool for web designers and developers to find out font details of a web page. Most people are not that skilled to find the answer using the source code of the page but know thanks to amazing Firefox Add-ons things are becoming more simple and easy to use. With Firefox Add-on Font Finder you can now easily analyze every single bit of information related to the Font being used. This little add-on lets you find 9 set of important information which are,

  1. Font color
  2. Background color
  3. Font family
  4. Font being rendered
  5. Font size
  6. Line-height, vertical-align, letter and word spacing
  7. Font weight, style, variant
  8. Text transform, decoration, align and indent
  9. Element's type, class or ID

You can download this add-on by clicking here

How To Find out Font Details of a Webpage or Blog?

Once you install FontFinder on your Firefox browser, then it will appear at the bottom left corner of your status bar. Highlight any text which you want to analyze and then press right click and choose FontFinder > Analyze selection

find font details

On clicking the analyze selection button you can find out complete details about the font style used on any webpage.

find font details

You can now easily see what is the hexadecimal or rgb color code of the highlighted text, what font family and font size is used and how the font is aligned and spaced along with what CSS class or CSS ID is used to style the font. You can then check the source code of the webpage to find out the CSS code for this font style.

I just hope it helps you in better experience the web and in better understanding designing. Have fun! :))

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

7/23/2011

2 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Paul SantoshJul 24, 2011, 3:18:00 PM

    I think the Chrome Extension - WhatFont is better than this :)

    ReplyDelete
  2. DavidDec 7, 2011, 1:56:00 PM

    Nice useful article.Thank you.

    ReplyDelete

Subscribe to: Post Comments ( Atom )