Type something to search...

Blog

Self-Hosting Web Fonts: A Step-by-Step Guide

Self-Hosting Web Fonts: A Step-by-Step Guide

Adding a font from a hosted service takes one <link> tag, which is why so many sites do it. But that tag pulls in a stylesheet from another domain,

Continue Reading
Typography in Dark Mode: Adjusting Weight, Contrast, and Spacing

Typography in Dark Mode: Adjusting Weight, Contrast, and Spacing

Most dark themes start the same way: swap the background to near-black, swap the text to white, and ship. Then someone reads a long article in it and

Continue Reading
Typography for Design Systems: Defining Tokens for Type

Typography for Design Systems: Defining Tokens for Type

Search a mature codebase for font-size and you'll often find something like forty distinct values: 14px, 0.875rem, 15px, 0.9em, 13.5px, a

Continue Reading
How Many Fonts Should a Website Use?

How Many Fonts Should a Website Use?

Open the network panel on a typical marketing site and filter by font. It's common to find a dozen files: a display face for the hero, a sans-serif f

Continue Reading
Typographic Contrast: Making Text Elements Stand Apart

Typographic Contrast: Making Text Elements Stand Apart

You've probably seen a page where the designer clearly tried to make the subheadings stand out, but they don't. They're a little bigger, a little bol

Continue Reading
Designing Headings That Guide the Reader Through a Page

Designing Headings That Guide the Reader Through a Page

Most people don't read a long web page from top to bottom. They land, scroll quickly, and look for the part that answers their question. If the page

Continue Reading