Member-only story
10 Principles for Typography in UI Design
Best practices, tips, and terminology for using typography in UI

Typography involves so much more than choosing a great font. When used effectively, it can enhance usability, readability, accessibility, and hierarchy within an interface. In this piece, I’ll share some tips and industry-standard principles for using type like a pro in a UI.
1. Typography Terminology
Typography terminology creates the foundation of our knowledge of type. Think of typography terms like kerning, leading, and weight as levers that we can pull to create more readable and aesthetically pleasing designs.
Tracking

Tracking or letter-spacing refers to uniformly increasing or decreasing the horizontal spacing between a range of characters.
Baseline

The baseline is the invisible line upon which a line of text rests.