How-To

How to easily identify different fonts on basically any web page

Want to know what font a website is using? There’s a Chrome extension for that.

by
Viney Dhiman
July 5, 2018

Image: Unsplash

Just a heads up, if you buy something through our links, we may get a small share of the sale. It’s one of the ways we keep the lights on here. Click here for more.

The following blog post teaches you about how to quickly recognize fonts on your favorite sites so that you can use them later in photo editing software and on other websites. Previously, we only had a limited number of fonts to use on blogs and websites like Georgia, Arial, Verdana, and more, but now there are plenty of beautiful fonts available on the internet.

While surfing your favorite blog or website, you might have noticed a font for which you can die for! You desperately want to use it in your upcoming project. But, wait! What is the name of the font? Ugh, bummer.

Previously identifying font was a troublesome task, either you needed to contact the website owner, or you needed the help of a developer.

Old times are gone, and you can identify fonts by yourself. Thankfully there are lots of free tools available on the internet which you can use to identify fonts quickly.

Identifying fonts on a web page

In this blog post, you’re going to read about a simple Chrome extension that makes fonts identification job easy.

1. Download and install the WhatsFont Chrome extension.

2. Once the installation is complete, you will see the WhatsFont extension icon on the extension bar.

3. Now visit the webpage containing the font you want to identify.

4. Click on the icon available on the upper right side of the Chrome taskbar. This will put the extension in font scanning mode.

Image: Viney Dhiman / KnowTechie

To identify the font, you need to hover the cursor on the particular phrase. This will give you the name of the font.

Image: Viney Dhiman / KnowTechie

In case you need more information, you can also click on it. A dialog box will come up including all the font information like Family, Style, Weight, Line Height, Size, and Color.

Image: Viney Dhiman / KnowTechie

Apart from that, if you find the information useful, then you can also click on the Tweet icon to share the webpage. It is an advertisement for an extension.

4. To exit the font scanning mode, again click on the extension icon.

Once you have identified any fonts you may have been interested in, download it for your purpose. There are lots of sites available on the internet from where you can download free fonts. Font Squirrel and DaFont are famous among people.

Note: While downloading fonts, avoid downloading malware instead of fonts. Most of the modern fonts are either available in OTF or TTF format. Don’t download any font available in the .exe format. Often, they’re viruses.

How do you identify a font on your favorite sites? Find WhatsFont useful? Share your thoughts in the comments.

For more how-to guides, see: