衬线

Serifs are the small finishing strokes attached to the ends of a letter's main strokes. They're the short horizontal or angled lines you see at the feet of 'I', the tops of 'l', the ends of the arms on 'T', and across virtually every stroke-end in a traditional serif typeface. The word comes from the Dutch 'schreef', meaning stroke or line.

Serifs originated from Roman stone carving — chisels naturally create finishing strokes at the ends of cuts, and type designers codified this into a systematic typographic feature. This heritage is why serif fonts carry associations with tradition, authority, and the printed word. They dominated typography for centuries until the rise of sans-serif type in the 20th century.

/* Classic serif body text — leverages reading patterns built over centuries */
.serif-body {
  font-family: 'Merriweather', serif;
  font-size: 18px;
  line-height: 1.8;
  max-width: 70ch;
}

/* Transitional serif — more refined, versatile */
.transitional-serif {
  font-family: 'Lora', serif;
  font-size: 18px;
}

/* Old-style serif — calligraphic warmth */
.oldstyle-serif {
  font-family: 'EB Garamond', serif;
  font-size: 20px; /* Old-style serifs benefit from slightly larger size */
}

Serifs come in distinct styles that define the major subtypes of serif classification. Bracket serifs curve gradually into the main stroke (old-style and transitional serifs). Unbracketed serifs meet the stem abruptly at a right angle (modern serifs like Didot). Slab serifs have thick, block-like serifs of near-uniform weight (Roboto Slab). These differences signal both era and appropriate use.

The long-debated question of whether serifs improve reading speed in body text has largely settled into nuance: serif vs sans-serif makes relatively little difference on well-calibrated screens at appropriate sizes. What matters more is x-height, aperture, and line-height. However, serifs remain strongly associated with long-form reading contexts and continue to dominate print and editorial typography — partly for genuine legibility reasons, partly for the cultural expectations readers bring to the page.