Serif fonts

A serif font carries the small projecting strokes at the ends of its letterforms, and the way those strokes are drawn splits the category. Old-style faces draw their serifs at an angle with low stroke contrast, which reads as bookish and calm. Modern faces sharpen the contrast between thick and thin strokes for a more theatrical look. The classification matters less than the outcome: at body sizes you want a face designed for screens, at heading sizes you can pick the one with the strongest personality.

For long-form text, look for a serif with a healthy x-height, true italics, and the weight range your hierarchy needs. Source Serif 4 and Merriweather are built for this job and stay readable at 16 to 18px. For headlines, high-contrast display serifs like Playfair Display reward you at 28px and above, where fine hairlines and tight corners actually render.

Serif headings over a neutral sans body is the most reliable pairing pattern on the site, and the contrast in classification gives you hierarchy without relying on size alone. Set the serif on two or three words of the title, keep the body in the sans, and let the type scale calculator size the steps between them. Browse the serif families in the catalog below, then compare them in the typography playground.