Categories / Shop Center

5 Typography Tools Every Designer Needs to Know

Gisele Muller Sasso March 31, 2021 · 3 min read

Every designer loves good type and knows how important typography is for a design. It doesn’t matter if we are talking about web, print or packaging, we all know how crucial it is to use the proper typography for each of our projects. Talking a little bit about definitions, I love when I read Wikipedia’s definition of typography: “Typography is the art and technique of arranging type in order to make the language it forms most appealing to transparent learning and recognition”. And I do believe that it is an art to arrange type in a beautiful and efficient way, specially when you need to communicate something important to an specific audience.
It doesn’t matter the media, type is certainly a really important element in a design, and this is why we need to count with good tools to help us navigate the huge typography universe. We all had that moment when you find a website and fall in love with a font but is not sure which font it is. There are tons of type related tools out there, and we selected a few that we believe every designer should know. From a place that showcases beautiful websites and show us the fonts they are using to web based tools where you can test web fonts on the fly, we have five great tools to show you.
This is where good tools enter to help us out. Maybe you have seen some of these tools before, maybe they are all new, the important thing for us is to keep you updated about useful stuff that can make your life easier. And if you have any typography tools you would like to share with us, comment area is all yours.

Typewolf

Typewolf is a great spot to browse beautiful websites and to discover beautiful type. They are not just a random showcase, these guys show which fonts real sites are using, which is a cool way for you to find new stuff while checking them out in action.
5 Typography Tools every designer need to know

WhatFont

Install WhatFont in your browser and it will be nice and easy for you to discover which fonts sites are using. Activate the extension and hoover the text to know the font in use.
5 Typography Tools every designer need to know

TypeWonder

TypeWonder will make life easier for those who need to test web fonts on the fly. If you ever had the need of checking out how a web font would look like in a website but you didn’t have a lot of time to work on it, this tool will help you out. Just type the url, choose the font you want to see in action and voilá, you will have a visual.
5 Typography Tools every designer need to know

The Web Font Combinator

This is a good tool for combining types and checking out how they look together. Just set element, font, size, color, etc and check out the result. This way you can test some options here before changing things on your code.
5 Typography Tools every designer need to know

FontFriend

As their screencast mentions, this tool is for “typographically obsessed web designers” who need to rapidly check how fonts look in their projects without editing code and refreshing pages. Just add the bookmarklet to your toolbar and start using it.
5 Typography Tools every designer need to know

Lettering Worksheets
Getting started with hand lettering?
Free lettering worksheets

Download these worksheets and start practicing with simple instructions and tracing exercises.

Download now!
About the Author
Author
Gisele Muller Sasso

Web writer & translator! Communication, technology and web lover. ;)

View More Posts
Related Articles
17 Comments
  • Google Web Fonts and Font Squirrel are good as well. 8 years ago
  • hoover? you mean hover? 8 years ago
  • I love that...sure Google and Font Squirrel are the Bible of free fonts! 8 years ago
  • TypeWonder is incredible. Thanks for sharing! 8 years ago
  • Anonymous
    typography had always been magic for me... thanks 8 years ago
  • You'll soon be able to add Prototypo to this list...http://www.prototypo.io 8 years ago
  • Font Finder plugin for Firefox is great too 8 years ago
  • Thank you for typewonder.com ! I didn't know about it! 8 years ago
  • Anonymous
    thank you :) 8 years ago
  • so helper, thank you 8 years ago
  • I didn't know about TypeWonder and FontFriend. Thank you. I will add them to my collection. 8 years ago
  • TypeWonder! I didn't know about. From now I'll use him with pleasure. Thank you. 8 years ago
  • Wow, never heard of TypeWonder and FontFriend, but they look awesome. FontFriend gives more flexibility though. About font showcases on live websites, try this gallery: http://webinspiration.gallery/design/ It allows you to filter best web designs using specific fonts. 8 years ago
  • Check this one out too : http://fontface.ninja/ A very usefull chrome extension 8 years ago
  • Going to add this to the mix - https://github.com/briangonzalez/fontprep 8 years ago
  • Anonymous
    Anybody got a handy utility for making an ol'fashion font book of all your typefaces? 8 years ago
  • http://wordmark.it/ see all your installed fonts on computer in one place. no program needed. 7 years ago