前端

衬线与非衬线Serif & Sans

你可能会说

标题想要那种笔画带小装饰的字体,正文用干净点的。

衬线与非衬线是按笔画末端是否带有装饰来区分的两类字体风格Georgia 和中文宋体属于常见衬线字体,系统黑体属于常见非衬线字体;两类都可用于标题或正文。选择时要测试中文和西文覆盖、正文可读性、品牌需求与加载性能,不能只凭“衬线优雅、非衬线现代”的固定印象。
好的设计经得起凝视

同一段文案,衬线让它显得优雅、正式,像杂志里的编辑精选。

衬线 · Georgia / 宋体
好的设计经得起凝视

同一段文案,非衬线让它显得现代、干净,像效率工具的界面。

非衬线 · 系统默认
组成结构 · Anatomy
Ag衬线字体:横细竖粗,末端带小脚Ag
笔画末端的小装饰,优雅感来自这里
衬线字体横细竖粗,有书写感
去掉装饰、粗细一致,干净现代
常见变体 · Variants
衬线大标题Serif Display
品牌故事
品牌页、内容站要优雅编辑感
非衬线正文Sans Body
界面正文用系统字体,干净高效读得快。
界面正文,现代干净又高效
衬线点缀引文Serif Quote
“细节里藏着气质。”
引文格言做点缀,少量提神
典型使用场景
品牌官网大标题
屿光家具 产品 灵感 关于
把北欧的光,
搬进你的客厅
2026 春夏系列现已上架,全实木手作。
杂志与内容平台
巷口那家面包店,为什么排队十年
美食周刊 · 林小满 · 12 分钟前
编辑部精选 凌晨四点的城市档案馆 手冲咖啡的黄金两分钟
产品界面与正文
项目设置
项目名称
负责人
引文与格言点缀
我们做工具的人常忘记:用户要的不是功能清单,而是把事情做完的确定感。
“好的设计是尽可能少的设计。” —— Dieter Rams
添加按钮前,先确认它是否对应用户需要完成的明确操作。
延伸阅读 · 权威出处