Slab fonts

Slab serifs are the heavy-duty branch of the serif family: thick, block-shaped serifs on sturdy strokes give them an industrial, confident voice that plain serifs do not have. They suit headlines, packaging, poster work, and brands that want to feel engineered rather than delicate. That same weight is the constraint: a slab fills a line fast, so it belongs at display sizes and in short bursts.

The typical successful pattern pairs a slab heading with a humanist sans body. The blocky serif does the shouting and the sans carries the reading, which keeps hierarchy obvious without inflating sizes. Keep letter-spacing at normal on slabs, because the heavy counters close up quickly when spaced out. Bitter is the open-source slab in the catalog and its medium weight holds up at 30 to 48px without turning muddy.

What slabs cannot do quietly is body text. At 16px and below the thick strokes crowd counters and endurance drops, so reserve the family for the sentence or two that names the product. If the design needs slab energy at small sizes, consider a lighter slab face on a light weight rather than forcing a heavy one.

A quick check before you commit: render a slab headline over the exact background you plan to ship, because heavy strokes and tight counters change how a headline reads on a colored surface. The contrast checker covers text on background at any size, and the playground lets you set letter-spacing and weight on real copy. For a logotype, test Bitter at the actual name length, since a short word treats heavy serifs differently than a long one. Slab settings also shift with the medium: large screens keep the blocky character, while small mobile headlines benefit from a slightly lighter weight to protect the counters.