字体排版指南

模数字号比例(比率1.25)

xs / 0.64rem说明文字
sm / 0.8rem小正文
base / 1rem正文(16px)
lg / 1.25rem引导文字
xl / 1.563remHeading 3
2xl / 1.953remHeading 2
3xl / 2.441remH1

行距规则

场景行距原因
正文/段落1.5 – 1.7长文本最佳可读性
标题(H1-H3)1.1 – 1.3紧凑但不拥挤
UI标签/说明1.2 – 1.4短文本,紧凑间距可接受
代码块1.5 – 1.6辅助行扫描

经典字体搭配

标题字体正文字体风格感
Playfair DisplaySource Sans 3编辑、奢华
MontserratMerriweather现代、专业
InterInter干净、科技、UI
Space GroteskDM Sans初创公司、当代
RalewayLato优雅、亲切
Noto Serif SCNoto Sans SC中文内容、简洁