design hubs
On this page
Foundations
2 min read

Type Before Typeface

Every typographic decision — scale, spacing, weight — exists before typeface selection. Choosing a font without this foundation is choosing decoration before structure.

Before a single typeface is chosen, a typographic system already has structure. That structure consists of size relationships, spatial decisions, and hierarchy logic. A typeface plugs into that structure — it doesn’t create it. When designers start with the typeface, they’re forced to reverse-engineer the structure from the font’s character, which rarely works cleanly.

The decisions that come first

The foundational decisions of a typographic system are scale, spacing, and weight allocation. Scale means: how many size steps are there, and what are the ratios between them? Spacing means: what is the line height at each size, and what is the column width? Weight allocation means: which elements carry emphasis, and through what means — size, weight, or position?

These decisions can be made, at least in draft form, before any typeface is selected. Once they’re made, the typeface selection becomes constrained and purposeful. You’re looking for a typeface that performs correctly at the sizes you’ve chosen, in the column widths you’ve defined, at the weight levels you need.

What typeface selection cannot solve

A typeface cannot fix a broken scale. It cannot resolve unclear hierarchy. It cannot compensate for column widths that make reading difficult, or line heights that make text feel suffocating. These are structural problems and they require structural solutions.

This is why changing a typeface rarely fixes a typographic problem. If a design feels visually cluttered, the solution is almost never a different font. It is usually a spacing or hierarchy adjustment. The font is a surface characteristic. The structure underneath is what determines whether the system works. See Building a Scale and Leading as Structure for where to start.

Why this order matters in practice

Working structure-first changes the conversation. Instead of asking “which font should I use?”, you ask “what does this system need to do?” — how many levels of hierarchy, what reading contexts, what minimum sizes. Once those questions are answered, you have criteria. You can evaluate typefaces against the criteria rather than choosing by taste and hoping the system accommodates the choice.

Choosing a Typeface covers how to apply those criteria to actual selection.

Practice

0 / 3

Keyboard shortcuts

Show shortcuts
?
Search
CtrlK
Previous article
Next article
Close
Esc