What Is a Typeface and How Does It Differ From a Font?
A typeface is the overall design of a set of letterforms — the shared shapes, proportions, and visual style that make letters look like they belong together. A font is the specific delivered form of that design: a file or physical set of type in a particular weight, width, and style. In practice, "typeface" answers what it looks like; "font" answers what you install, load, or print with. This distinction matters most when you're specifying, licensing, or building type: you choose a typeface for its design character, then choose a font (weight, style, format) to render it.
Typeface vs. font: design vs. delivery
The confusion is historical. In metal type, a typeface was the design cut into punches and matrices, while a font was the physical collection of sorts (individual metal pieces) in one size and style. Digital type kept the vocabulary but changed the artifacts.
| Concept | What it is | Examples |
|---|---|---|
| Typeface | The design system of letterforms | Helvetica, Garamond, Roboto |
| Font | A specific instance or file of that design | Helvetica Bold, Garamond Italic, Roboto-Regular.ttf |
| Font family | A group of related fonts across weights/widths | Helvetica Neue (Light through Black) |
So "Helvetica" is a typeface; "Helvetica Neue Bold" is a font. A family is the collection that lets you move between weights and styles without leaving the design.
What defines a typeface
A typeface is characterized by decisions that repeat across every glyph:
- Classification — serif (with finishing strokes, e.g., Times), sans-serif (without, e.g., Arial), slab serif, script, monospace, display.
- Weight — thin, light, regular, medium, bold, black.
- Width — condensed, normal, extended.
- Style — roman/upright, italic, oblique.
- Proportions and contrast — x-height, stroke thickness variation, cap height, spacing rhythm.
- Optical size — designs tuned for text vs. display use.
These attributes are what you compare when choosing a typeface, and what you vary when extending one.
Designing or editing a typeface in an outline font editor
An outline font editor such as FontForge — described on its site as a free and open-source outline font editor — is where typeface designs are drawn and turned into font files. The general workflow:
- Set up the design space. Define units per em, ascender/descender, and key vertical metrics. These govern how every glyph is positioned.
- Draw key glyphs. Start with control characters (e.g., n, o, H, O) to establish stem weight, curve tension, and spacing.
- Build the rest of the character set. Extend to uppercase, lowercase, numerals, punctuation, and diacritics, keeping consistent proportions.
- Space and kern. Set sidebearings so text has even rhythm, then add kerning pairs for problem combinations.
- Test. Generate a sample and check rendering at text and display sizes; fix inconsistencies.
- Export. Produce a font file in the target format.
The editor is the tool; the typeface is the design decision you make inside it.
Common file formats
- OpenType (OTF) — modern format supporting advanced typographic features (ligatures, alternates, contextual rules).
- TrueType (TTF) — widely supported outline format, common for screen and web use.
- UFO (Unified Font Object) — an open, source-oriented format for storing design data, often used in multi-tool workflows.
- SFD (Spline Font Database) — FontForge's native source format, preserving editing data.
Source formats (UFO, SFD) are for editing; delivery formats (OTF, TTF) are for end use. Keeping both lets you revise a typeface without rebuilding it from scratch.
Practical takeaway
When someone says "pick a font," they usually mean a specific weight and style; when they say "this typeface," they mean the design behind it. If you're choosing type, decide on the typeface first, then the font instance. If you're making type, work in a source format in an outline editor, and export to OpenType or TrueType for delivery.