Serif
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/glossary/serif/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/glossary/serif/
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/glossary/serif/)
Use the native HTML custom element.
A small decorative stroke added to the end of a letter's main strokes. Serif fonts (like Times New Roman) have these; sans-serif fonts don't.
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.
Thuật ngữ liên quan
Font minh họa khái niệm này
Tìm hiểu thêm
Restaurant typography sets the mood before guests taste the food. How to choose fonts that match your culinary brand — from fine dining to fast casual.
Font SelectionLegal and financial websites demand authority, clarity, and precision. How to choose typography that conveys professionalism and trustworthiness.
CSS TypographyA practical, step-by-step method for pairing fonts — no design degree required. Follow this process to create professional font combinations every time.
Font ReviewsThe best serif fonts available on Google Fonts — from screen-optimized body serifs to elegant display serifs, all free and open source.