Learnr

Learn Typography

Set type that reads comfortably and looks intentional, on screen and in print.

or browse all courses.

Free to start. Built from a single prompt. No credit card.

Typography is the art of arranging type so text is readable, clear and suited to its purpose. It covers choosing typefaces, setting size, spacing and line length, and building a hierarchy that guides the reader. Much of the craft is invisible: good typography lets you read without noticing it, while poor spacing or a mismatched font makes even simple text feel off. Beginners learn type anatomy and classifications, then the spacing controls that make or break a layout. Learnr builds a personalized typography course from a single prompt, with short lessons and examples you can apply to web, print and slide design.

How to learn Typography, step by step

  1. Learn the anatomy of letterforms. Get to know baseline, x-height, cap height, ascenders, descenders, serifs, counters and stroke contrast. These terms explain why two fonts at the same point size can look very different in size and texture.
  2. Study the major classifications. Compare old-style, transitional and modern serifs, humanist and geometric sans serifs, slabs, scripts and monospace faces. Collect examples from books, signage and websites and label them until you can identify the family type at a glance.
  3. Set readable body text. Start with body text around 16px on screens, line spacing about 1.4 to 1.6 times the size, and lines of roughly 45 to 75 characters. Left-aligned, ragged-right text usually reads better than justified text without careful hyphenation.
  4. Practice kerning and tracking. Kerning adjusts space between a specific pair of letters; tracking changes spacing across a whole word or line. Kern a headline by eye, looking at it upside down, and add a little tracking to all-caps text so it does not feel cramped.
  5. Build a hierarchy with a type scale. Choose a small set of sizes from a ratio-based scale and assign them to headings, subheads, body and captions. Vary weight and spacing too, so readers can scan a page and understand its structure without reading every line.
  6. Pair fonts and check licenses. Pair a serif with a sans serif, or use one versatile family with several weights, and limit a project to two families. Confirm each font's license covers your use. Short Learnr lessons on hierarchy and pairing keep these choices deliberate.

What you'll learn

  • Name the parts of letterforms and the main type classifications
  • Choose typefaces that suit the content and medium
  • Set comfortable body text with good size, leading and line length
  • Adjust kerning and tracking for headlines and all caps
  • Build a clear type hierarchy with a consistent scale

What's inside your Typography course

A sample path Learnr builds for Typography. Your real course adapts to your goal and level.

  • 1. Type anatomy and terminology
  • 2. Classifications: serif, sans serif, slab, script, mono
  • 3. Readability: size, leading and line length
  • 4. Kerning, tracking and alignment
  • 5. Hierarchy, type scales and pairing
  • 6. Type on screens, in print and licensing

How long does it take to learn Typography?

The core vocabulary and readability rules can be learned in 2 to 4 weeks of short study. Developing an eye for spacing, pairing and hierarchy usually takes several months of setting real text, and keeps sharpening as you design more layouts.

What you need before you start

None. Any tool that sets text, such as a word processor, Figma, Canva or a code editor with CSS, is enough to practice with. An interest in design helps.

Common mistakes to avoid

  • Using too many typefaces in one design. Two families, or one family in several weights, almost always look more cohesive.
  • Setting body text in lines that run across the whole screen. Long lines tire the eye, so constrain the width of text columns.
  • Faking bold or italic styles in software, or stretching type to fit a space. Use real weights and styles, and never distort letterforms.

How Learnr builds your course

Type your topic

Tell Learnr you want to learn Typography, or get as specific as you like.

Get a personalized course

Learnr instantly builds a full Typography course tailored to your goal and skill level.

Learn and level up

Move through bite-sized lessons and interactive practice, earning XP and keeping your streak.

Typography questions, answered

What is the difference between a typeface and a font?

Traditionally, a typeface is the design, such as a particular family, and a font is a specific weight and style of it in a given format. In everyday use the words are often interchangeable.

Are serif fonts harder to read on screens?

On older low-resolution screens, simple sans serifs often rendered more clearly. Modern high-resolution displays render serifs well, so readability depends more on the specific font, size and spacing.

Is typography the same as calligraphy?

No. Calligraphy is drawing letters by hand with a pen or brush. Typography arranges existing type designs, although both share an understanding of letterforms and spacing.

Explore more courses

More art and design courses

See all art and design courses

Ready to learn Typography?

Start your free, personalized Typography course in seconds. .