Typography as Brand Identity — How Fonts Define You Online

## Fonts Speak Before Words Your font choice communicates before anyone reads a single word. In milliseconds, typography sets expectations about your brand — professional or casual, modern or traditional, luxury or approachable. ### The Modern Web Typography Stack **Sans-serif for tech and SaaS:** Inter, DM Sans, Plus Jakarta Sans. Clean, neutral, professional. This is what Stripe, Linear, Vercel, and most modern SaaS companies use. The message: we're precise, capable, and contemporary. **Serif for luxury and editorial:** Playfair Display, Cormorant Garamond, Libre Baskerville. Elegant, authoritative, editorial. Fashion brands, law firms, publications, and premium services. The message: we're established, refined, and trustworthy. **Geometric for modern and bold:** Outfit, Lexend, General Sans. Structured, contemporary, confident. Startups and brands that want to feel cutting-edge. The message: we're forward-thinking and innovative. ### Rules That Always Apply **Maximum two typefaces per site.** One for headings, one for body text. A third font for accent use (logo, pull quotes) is the absolute maximum. More than that creates visual chaos. **Use variable fonts.** A single variable font file can render at any weight, replacing multiple static font files. The result: fewer HTTP requests, smaller file sizes, more design flexibility. **Set font-display: swap.** This tells the browser to show fallback text immediately while custom fonts load. Users see content instantly instead of staring at invisible text for 1-2 seconds. **Use rem units, not px.** rem units respect the user's browser font size setting. px units override it. Accessibility requires letting users control their text size. **Body text line height of 1.5-1.7.** This provides comfortable reading spacing. Headings can use tighter line heights (1.1-1.2) since they're shorter. ### What We Use at Envosta Inter for our marketing site — clean, technical, professional. DM Sans for our dashboard — friendly, readable, slightly warmer. The fonts match what we sell: professional hosting with a personal touch. Both are variable fonts served from Google Fonts with font-display: swap. Total font weight: under 100KB.