A firm understanding of typography and its foundations is necessary for anybody who dares call themselves a designer. Knowing how to confidently and appropriately use typography can not only make you a better UX designer but ensure you’re delivering an awesome user experience.

People don’t wax lyrical about fonts. In fact, few people even realize that they’re interacting with typography on a daily basis. Even so, if people were able to notice the type choices that are being made, you may have chosen the wrong one. After all, great designs should be experienced, not seen.

Why typography is important in UX design

Can you imagine designing a website for funeral services in Jokerman? Or what about creating a mobile app for children using Times New Roman? Probably not. That’s because fonts have a way of eliciting responses from their readers. You know if a font doesn’t work.

Typography can affect your website usability, too. If your users have a hard time reading the content, what joy will they have experiencing the rest of your design?

Here are a few other ways typography impacts UX design:

Typography can affect visual hierarchy

Font choice can change our perception

Typography can improve conversions

Type can make a good first impression

With typography playing such an integral role within the field of user experience design, we decided to make a compendium of free typography resources for designers.

Free typography resources for designers

And without further ado, let’s get into all these awesome and free typography resources. With this list, you’ll be able to find free fonts, learn about the history of fonts, how to use fonts in UX design and even how to make your own.

Learning typography

Professional Web Typography — An enormous website full of free content for getting your head around professional web typography.

Butterick’s Practical Typography — A practical guide for web typography.

Everything You Need To Learn Typography Basics — A thorough post on DIY typography learning.

Introduction to Typography — A free course by the California Institute of the Arts.

Typekit Practice — Lessons on typography best practices for the web by Typekit.

A Pocket Guide to Master Every Day’s Typographic Adventures — Learn typography basics in under 30 minutes.

The Elements of Typographic Style Applied To The Web — Robert Bringhurst’s Elements of Typographic Style applied to the web.

Nice Web Type — A resource for the betterment of typographic style and practice.

Typedia — The Wikipedia for fonts.

Fontology — Learn about the typographic arts.

Glyphs — An app for making your own font.

Free fonts

Google Fonts — Web optimized, open-source fonts by Google.

Kreativ Font — Curated typography and fonts.

Font Squirrel — World’s largest library of premium fonts.

MyFonts — Digital fonts distributor.

Dafont — Freely downloadable fonts.

Free Font Manifesto — Free fonts designed by digital type foundries.

1001fonts — Over 9,000 free fonts to choose from.

Creative Market — Free goods of the week often includes fonts.

Typography identification

WhatTheFont — Take a photo, upload it and get your font identified.

TypeSample — A tool for identifying and sampling webfonts.

Fontface Ninja — A free browser extension that lets you inspect, try, buy and bookmark any fonts on any website.

Fontspring — Font curation and discovery.

Typophile — Online community for font identification.

Identifont — Answer questions and get your font identified.

Typography inspiration

Chromeography — Chrome logos found on vintage vehicles.

Typeverything — Hand lettering inspiration.

Alphabettes — Typography showcase by women.

Art of the Title — Online publication that looks into title sequence design.

Fonts In Use — Fonts in situ.

Incredible Types — Curated typography, mostly print.

MyFonts Newsletters — Newsletter archives from MyFonts.

The Dieline — Website dedicated to packaging.

Book Cover Archive — No longer updated but book cover inspiration.

Grain Edit — Classic work from the 50s to the 70s.

Typography blogs and websites

Typewolf — Typography inspiration for the modern web. Great if you need to know how to combine fonts.

Ministry of Type — All things type.

I Love Typography — A blog all about typography, type design and lettering.

Brand New — Opinions on corporate and brand identity work.

Letterform Archive — Immense library of type related books, posters and other ephemera in San Fran.

Font Review Journal — Reviews and analysis of typeface designs.

Typographica — Type reviews, books and commentary.

Friends of Type — Hand lettering inspiration.

Typography podcasts

Typeradio — The radio channel on type and design.

Typography tools

FontReach — Scan the top million sites to see font usage across the web.

TypeConnection — A typographic dating game.

Kern Type — Practice your kerning.

Type Zebra — A tool for previewing all the fonts on your system.

Conclusion

Having confidence with type is an important skill to nurture as a designer. Whether you’re designing a mobile app, a billboard or even a simple flyer, type will be involved. Understanding how to use it and when to apply it properly will help you create awesome user experiences.