Brand & Design
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. Brand.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
- →Brand.dev extracting
font-family: Inter, system-ui, sans-serif;and the@font-faceURLs to identify the deployed typeface
How Brand.dev uses typeface
Endpoints in the Brand.dev API where this concept comes up directly.
FAQ
Typeface vs font?
Typeface is the design (Helvetica). Font is a specific weight/style/size of that design (Helvetica Bold). In digital contexts the distinction has blurred and "font" usually wins.
How many typefaces should a brand use?
One to three. One is unified but can be limiting. Two is the most common (display + body, or sans + mono). Three is the upper limit before the system loses coherence.
Can I detect which typeface a site uses?
Yes. The CSS font-family plus the network requests to font files reveals it precisely. Tools like Fonts Ninja and Brand.dev automate this.
Related terms
The craft of arranging type (choosing typefaces, weights, sizes, and spacing) to give written language its visual personality.
A free open-source web font library hosted by Google, used by millions of sites to serve typefaces with one or two lines of HTML or CSS.
Cascading Style Sheets, the language browsers use to style HTML: colors, typography, layout, animation, and responsive behavior.
The complete set of visual and verbal elements (logo, colors, typography, voice, imagery) that a company uses to express itself consistently across every touchpoint.