Infographic: Fontsmith’s complete guide to typography terms

Default avatar.
July 06, 2016
Infographic: Fontsmith’s complete guide to typography terms.

As a web designer, typography is paramount. Even on sites where images or video are the main focus, the way you treat text will make or break your site’s usability and aesthetic. Even so, most of us are not expert typographers. We may have a handle on a few of the basic terms, and the rules we need to make text generally look good. That’s a start. But typography is a field, an industry, and a science unto itself. I personally haven’t gone too far beyond that Typography in Ten Minutes tutorial, because web design also brings in myriad other concerns. However, if you want to get anywhere in serious type work, you’ll need to at least know how to talk the talk. Whether you’re building a logo, formatting a book, building a site that has a much greater typographical focus than most, or just working with a type designer, you may run into terms you don’t know. That’s why the helpful people over at Fontsmith have created this infographic as reference material. Here’s how their Type Design Director, Phil Garnham, introduces it:

As type designers we can get immersed in an insular typographical bubble at times. It’s easy to forget that our language, the lingo, words and terms that we use to discuss, critique and refine our designs is under the constant pressure of discourse and scrutiny within, often redefining itself.

We thought that it would be an interesting project to research and illustrate a few of the key words that we use everyday here in the Fontsmith studio but then before we knew it we were up to nearly 80 terms! Unable to cut the list down we’ve prepared this infographic that lists all the vocabulary in one place.

Check out the infographic below: Typography-Terms-full

Ezequiel Bruni

Ezequiel Bruni is a web/​UX designer, blogger, and aspiring photographer living in Mexico. When he\‘s not up to his finely-chiselled ears in wire-frames and front-end code, or ranting about the same, he indulges in beer, pizza, fantasy novels, and stand-up comedy.

Read Next

Are Simple Websites Better For Business?

As web design technologies raise the bar on what it is possible to achieve on a realistic budget, there’s a rising deba…

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …