Foundation Interaction Design Short Stories

Typeface Vs Font Vs Typography

A typeface is a complete set of characters, font is a single instance within that typeface, typography is the practice of arranging text

By Roopa Rao · Mar 20, 2026
Typeface Vs Font Vs Typography
Typeface Vs Font Vs Typography
When I started designing, I was thoroughly confused by the terms Typeface, Font and Typography. Most of us generally are. Let me explain the differences. A typeface is the visual design of a set of characters, including letters, numbers, punctuation, and symbols, unified by consistent stylistic attributes such as stroke weight, proportion, contrast, and terminal treatment. A font is a single instance within that typeface having a specific size, weight, and style. Typography is the practice of arranging text so that it is both legible and visually appealing. A typeface generally shares a consistent design style, characterised by specific visual traits like stroke width, serifs, or overall aesthetic. Fonts were historically used as physical sets of metal type for printing. In a digital context, a font refers to the file or data that renders a specific style of a typeface on a device. Typography refers to the art and technique of arranging text so that it looks clear, attractive, and easy to read. It is not just about choosing a nice font. It includes how letters, words, and paragraphs are placed on a page or screen. Example: Times New Roman is a typeface, Times New Roman 14px Bold is a font, Choosing Times New Roman Regular, 16pt for body text, Times New Roman Bold, 24pt for headings, and setting line spacing to 1.5 is typography As an analogy, let us consider that you are preparing a mango dessert: The mangoes can be compared to the typeface, the overall variety or the fruit you choose. You choose the Alphonso Mango Tin for the dessert, which is comparable to selecting the font with a specific style, size and weight. The way you plate the dessert and garnish the mango pulp to make it look delicious can be compared to typography, the arrangement of text to make it legible and readable.

About the Author

Roopa Rao
Design Strategist & Consultant
With nearly two decades of enterprise design leadership, I help organisations turn isolated UX into cohesive, omni-channel product strategies aligned to business goals, compliance, and operational realities. I partner with leadership teams to position design as a strategic lever, shaping product direction, reducing risk, and driving measurable outcomes. Across healthcare and enterprise systems, I bridge strategy, research, and execution to improve adoption, accelerate decisions, and strengthen performance.
in Connect

Have a story to share?

Join our community of designers sharing their experiences and insights.

Share Your Story

More Stories

Accessibility (A11Y) Foundation Short Stories

5 Must-Know Accessibility Rules for Inclusive Design

As a designer, your role goes beyond creating visually appealing interfaces. You need to ensure that every product is inclusive, accessible, and usable by a diverse range of people

Accessibility (A11Y) Foundation Short Stories

Colour Psychology in Design

Different colours evoke specific feelings, like blue for trust, red for energy, or green for growth. This can shape how people interact with products, brands, and environments.

Foundation Short Stories

CX vs UX vs UI

CX vs UX vs UI with an example of Pizza Ordering