Type something to search...

Blog

Using OpenType Features in CSS with font-feature-settings

Using OpenType Features in CSS with font-feature-settings

You've built a pricing table and the numbers won't line up. The "1" in $119 is narrower than the "8" in $189, so every column looks slightly ragged.

Continue Reading
Reducing Layout Shift with size-adjust and Font Metric Overrides

Reducing Layout Shift with size-adjust and Font Metric Overrides

You load an article on a phone. The headline and first paragraph appear right away in a fallback font, which is exactly what font-display: swap pro

Continue Reading
Building a Reliable System Font Stack

Building a Reliable System Font Stack

The fastest font on the web is the one that's already on the reader's device. No download, no @font-face, no flash of invisible text, no layout shi

Continue Reading
Preloading Fonts: When It Helps and When It Hurts

Preloading Fonts: When It Helps and When It Hurts

Run a performance audit on almost any site with custom fonts and you'll likely see the suggestion to "preload key requests," with your font files lis

Continue Reading
WOFF2 vs WOFF vs TTF vs OTF: Font Formats for the Web Explained

WOFF2 vs WOFF vs TTF vs OTF: Font Formats for the Web Explained

Download a font family and you might get a folder with .ttf files, another with .otf files, and a "web" folder with .woff and .woff2. Copy an

Continue Reading
Font Subsetting: Shrinking Web Font Files Without Losing Characters

Font Subsetting: Shrinking Web Font Files Without Losing Characters

A modern open-source font can support hundreds of languages. Noto Sans, Inter, and Source Sans all cover Latin, Cyrillic, Greek, and often Vietnamese

Continue Reading