Web Toolbar by Wibiya Tec N Tricks: Detect Fonts On Webpages

Tuesday 6 March 2012

Detect Fonts On Webpages

While surfing on Internet ,You Find some fonts interesting and want to grab it .

There have been many Javascript tricks , CSS font detectors which help us to find the font but these are not efficient all the time .



If more than one font has been used, it will be even harder to check which font has been used where.

Tools like Firebug sure takes lots of time and patience if the source is bulky but thanks to advance developments in HTML5 and CSS , Any font can now be detected on any webpage because of 

WhatFont

WhatFont is Bookmarklet and also available as an extension for Chrome that tells you which fonts have been used on the site and it’s attributes. The WhatFont button appears when it’s installed .
 

  • Click on the button and mouse over any font to find out which one it is.
  • Right-click on the web page and the extension adds a small box that tells you all the font properties .
  • Get to know the family the font is from, what font size has been used, the weight (whether the text is normal, bold or italic) and the line height.
  • Easily identify and get complete details of all fonts used anywhere on a single page of a website.
But the extension does not identify fonts used in images.

The best way to
steal
detect fonts and use it for your own use . One of the most cool extensions and a must for web designers and developers !

Here Are Link :

No comments:

Post a Comment