PlayInfoBox

Home /Education /Typography Basics: Serif, Sans-Serif, and Readability

Typography Basics: Serif, Sans-Serif, and Readability

Tap an item below to learn more.

  1. What Makes a Serif Font

    Serif fonts have small strokes ("serifs") at the ends of letters, giving them a traditional, trustworthy feel; they are generally considered more readable at small sizes in print, like body text.

  2. What Makes a Sans-Serif Font

    Sans-serif fonts have no serifs, giving them a clean, modern feel, and are generally considered more readable on screens.

  3. What Is Letter Spacing (Tracking)?

    Letter spacing is the gap between characters. Too tight, and letters look cramped together; too loose, and words become harder to read at a glance. Slightly tightening tracking on large headline text and slightly loosening it on small body text often improves readability.

  4. What Is Line Height (Leading)?

    Line height is the vertical space between lines of text; a comfortable range is generally around 1.4–1.8 times the body font size. Too tight, and lines blur together, making reading feel cramped; too loose, and a paragraph starts to lose its sense of cohesion.

  5. The Basics of Type Hierarchy

    Making headlines larger and bolder than body text, with subheadings in between, lets readers grasp the priority of information at a glance β€” that's the basic principle of typographic hierarchy. Clear size differences make hierarchy obvious, while too many similar-sized levels can actually create confusion.

  6. Common Mistakes That Hurt Readability

    Mixing too many fonts on one screen, low contrast between text and background color, and line lengths so long that the eye loses its place are among the most common readability problems. Sticking to two or fewer fonts on a single screen is generally considered a stable choice.

Typography Shapes How Content Feels

The same sentence set in different typefaces, letter spacing, and line height can read at very different speeds and carry very different impressions of trust and mood. Typography rarely draws attention to itself, but good typography quietly helps readers focus on the content.

Frequently Asked Questions

Should body text always use a serif font?

No. Serif fonts are often considered more readable in print, but on screens, sans-serif fonts frequently read more cleanly β€” the right choice depends on the medium.

Which matters more for readability: letter spacing or line height?

Both matter, but in long-form body text especially, line height that's too tight makes it easy to lose your place from one line to the next β€” so it's generally worth paying closer attention to line height than letter spacing.