CodeNewbie Community

Cover image for WhatFont – What is that font?
Gift_Tanakan
Gift_Tanakan

Posted on • Originally published at thecraftminded.com

WhatFont – What is that font?

This series is a project inspired by @dickiebush’s "Ship 30 for 30” Atomic Essays. Which, I commit to spend 30 minutes a day for 30 days straight to write a short essay about software development tools that I love. My goal is to build my daily writing habit and connect to more people. Check out #ship30for30 on Twitter.


Have you ever seen any font that you like on the internet but had no idea how to find out? Have you ever spent so much time scrolling through GoogleFont to hunt for the perfect font or to find the one that matches the one you have seen? Have you had a hard time trying to pair fonts for your project?

WhatFont can help you with that.

WhatFont is a browser extension that helps identify fonts on a webpage fast. All you need to do is just add the extension on your browser. When you click the WhatFont icon on your top bar, then hover over the text you’re looking at, then another text pops up near the pointer telling you the name of the pointed font.

I use WhatFont when I see any unique fonts that I like, or when a website has a perfect pair of fonts. I take a note, download the fonts from my usual sources and apply that to my project. Fast. Easy. Effective. All credits to the WhatFont developer, Chengyin.

To try WhatFont, search for ‘whatfont extension’ on your search engine. Choose the link that takes you to your browser extension section. For me, I use Chrome. Here’s what it looks like:

Alt Text
WhatFont Chrome extension
After that, click ‘Add to Chrome’. You can pin or unpin the extension by clicking on the extension icon (jigsaw) and choose your options.

Alt Text
Choose to pin or unpin extension

This extension is highly recommended, especially if you’re a designer or web developer. Because who doesn’t love tools that make us work faster?

Discussion (0)