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.
相关术语
展示此概念的字体
了解更多
两者都是适合长文阅读的出色屏幕衬线体。Merriweather 与 Lora——哪一款正文可读性更胜一筹?
排版基础排版史上最古老的争论,在网页时代得到解答。何时使用衬线体,何时使用无衬线体,以及研究到底说了什么。
排版基础字体分类实用指南——衬线体与无衬线体、人文风格与几何风格、展示字体与正文字体。了解字体家族,为任何项目选择合适的字体。
字体选择最可靠的搭配策略:将衬线体与无衬线体结合。了解哪些具体组合有效,以及为何对比是良好搭配的基础。