21

Have you ever thought while surfing “That’s a really cool font! I want that on my site.”? Trying to track it down is not easy. "What's That Font" is the answer.

Want To Find Out the Name of the Font From Any Website? “What’s The Font?” Can Help

what's the font introHave you ever been surfing the web and thought “That’s a really cool font! I want that on my site.”? I know I’ve seen a few that I tried to track down, but it’s not always easy. The good news is, figuring out a font on the web is a lot easier now.

What’s the font? is a Chrome extension that adds an option to your right click menu letting you easily find out what that font is. Whether you are a web developer, having a site made or looking for a cool font for a new tattoo, What’s the font? will save you some time.

If you are new to web design or just have a love for typography read on, you may want to give it a whirl.

Setting up What’s the font

You will need to go to the Chrome Web Store download the What’s the font? extension. Once you do, you have done all of the setup you need to do.

install wtf chrome extension

Using What’s the font

To use What’s the font, you will first need a website with an interesting font. Take a look at Jesús Rodríguez-Velasco’s site

jesus' site

When you find one, you will need to highlight the text you are interested in. This will tell What’s the font? which text you are looking to get the name of. Many times with more complex sites, there may be multiple font types.

highlighted font

While the text is highlighted, right-click on the text. You will see the option for What’s the font? in your right-click menu.

right click menu

Click on What’s the font? and you will see a notification window pop-up with the name of the font.

popup font name

The whole process together will look like this.

whole process

Limitations

There are A LOT of cool fonts used in logos. The problem is, they are not usually on the site as an actual word; they are an image. What’s the font does not work on text in images. That being said, there are a lot of sites out there designed with really neat fonts for their page text. When you see one of these, you can follow the steps listed above to find out what it is.

Examples of some different fonts on sites from all over the web.

VikiTech

technorms.com

Wikipedia

wikipedia

Untethered Office

untethered office

Last.fm

last fm

Andy Rutledge

andy rutledge

Conclusion

What’s the font? is a really cool Chrome extension for any web developer. If you are a budding graphic designer, this little add on will help you a lot in your early days. There are many places on line to find fonts to use. Sometimes it helps greatly to see how others are using the font. The font you like may be great in small doses, but when you have page full of it, you may not like the look.

See Also: