What is a typeface?
A complete set of letterforms designed to share a coherent visual style; what most people informally call a "font."
A typeface is the design (Helvetica, Inter, Merriweather). A font is one specific weight or style of that typeface (Helvetica Bold 14pt, Inter Regular). The distinction is mostly preserved by typographers; in casual writing, "font" usually means "typeface." Both refer to the visual character of the letters: the proportions, the stroke contrast, the terminals, the feel.
Typefaces fall into broad categories: serif (small projections at the ends of strokes; classical, editorial), sans-serif (no projections; modern, clean), slab serif (chunky serifs; technical, friendly), monospace (every character the same width; code), and display (designed for headlines, not body). A brand identity typically pairs two or three typefaces (one for headlines, one for body, sometimes a monospace for technical content).
For brand intelligence, recovering the deployed typeface stack from a website is straightforward: the CSS font-family declaration plus the @font-face URLs reveal which web fonts the site loads. Context.dev's font extraction does exactly this, returning the typeface names and their source (Google Fonts, Adobe Fonts, self-hosted).
In the wild
- Inter as the typeface used by Vercel, Stripe, and many other modern SaaS brands for both UI and marketing
- A brand pairing Söhne (sans-serif) for body and Söhne Schmal (condensed) for display in its identity system
- Context.dev extracting
font-family: Inter, system-ui, sans-serif;and the@font-faceURLs to identify the deployed typeface