Attracted towards the font some website is using? Want to know which font is that and all the details including font size and line heights, font family and more? There are plenty of ways to identify the font details via CSS details, Firebug tool for Google Chrome and Mozilla Firefox and other web development tools which can be employed to identify the font details. But those tools are too complicated for normal users. If you are a newbie, when it comes to all these web development details, then we have a solution for you which allows you to quickly collect all the font details, a web page is using.
Know The Font A Blog Is Using Via WhatFont Tool
WhatFont Tool is available as a bookmarklet, Chrome Extension and Safari Ext, using which users can identify the font used on some web pages. It’s easy to setup and use and provides all the details to copy the font you like on some web pages.
How To Identify The Font Used On Some Web Page Using WhatFont Tool
- As the tool is available in 3 forms, choose any one form (bookmarklet, Chrome Extension and Safari Ext) that suits you and install it.
- If you chose to go with Bookmarklet, then simply drag the bookmarklet to the bookmark bar, and use it whenever you feel the need, whenever you feel that you want to know the font details on some website.
- If you chose Google Chrome Extension, then visit the Google Chrome Web Store and install this Extension from here, install it. Click on it to activate, once activated, click on the font which will display all the details related to it. Once done, click on the tool again to deactivate it. Make sure to reload the web page after the installation for the Chrome Extension to work.
- Similarly the extension is available for Safari web browser too. Just hover the mouse over the font and there you are with the font name, click on it for rest of the details.
Here’s a screenshot of WhatFont Tool working, the font and other details, we use on TechTipsGeek.
So that was all about WhatFont Tool that offers the easiest way to identify the font details a web page is using. Any other similar tool which you would like to mention here, please list that in comments.
Official Source – WhatFont Tool.