• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

Technostarry

  • Home
  • Windows 8
  • Android
  • iOS
  • Web Apps
  • Web Browser
  • Hardware
  • About

Quickly Identify Fonts Used on Websites With What Font

January 6, 2012 by Saqib Leave a Comment

While browsing online, you can come across some nice fancy fonts used on a webpage. Those who have some CSS knowledge can check the stylesheet and know which font is used. One more solution is to use Firebug, a Firefox extension, but this is again a complicated stuff. Those of you who are using Google Chrome web browser, here’s something far more easier. WhatFont is a Chrome extension that helps you to quickly detect/identify which fonts are used in any webpage.

font

After installing this Chrome extension, you’ll be able to see a new icon in the toolbar. All you need to do is to first click on this button and then mouse over to any font in the webpage. If you want more information like font family, font size and line height, then just click on the text in the webpage. A small box will pop-up which will have additional information about that font. In short, first click on this “what font” button from the toolbar and then text that you want to identify.

what font

You can see in above screenshot that font used is Arial – regular, font size is 13px and line height is 15px. If you click on images, then it prompts a message “May be incorrect on images”. It also detects the services used for serving the web fonts like Typekit and Google Font API. What Font is a superb tool to find the font used in any webpage.

Bookmarklet to Detect Fonts Used in a Webpage

For those who are not using Chrome, can also use a bookmarklet. You just need to drag and drop this bookmarklet to your bookmark bar. From the below link, you can download both the Chrome extension, Safari extension and the bookmarklet, just click on the desired option. The plus point of using bookmarklet is that you can follow the same process for any browser.

Download What Font Tool

Filed Under: Web Browser Tagged With: Google Chrome

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

STAY CONNECTED

  • Facebook
  • RSS
  • Twitter
  • YouTube

SUBSCRIBE

Subscribe now to get the latest updates from this blog right to your Inbox

Recent Posts

  • 6 Things to Remember Before Buying a Micro SD Card
  • 5 Best Android Stock Market Apps for India
  • Facebook App Alternatives for Android , and Why You Should Use Them
  • Kindle Oasis vs Voyage vs Paperwhite: Which one to Buy

Footer

Links

  • About
  • Subscribe
  • Contact
  • Advertise
  • Privacy Policy

Books on cloud storage services:

  • Mastering OneDrive And Office Online
  • Mastering Google Drive and Docs (With Tips)
  • Mastering Dropbox with Useful Tips and Apps

Must Read Articles

  • How to Change Default Apps on Android
  • 6 Tips to Increase Battery Life on Android 4.4 KitKat Devices
  • How to Transfer Documents and Files to your Kindle
  • 5 Best Free Offline Dictionary Apps for Android

© Copyright 2016 Technostarry · All Rights Reserved ·