你有没有遇到过这样的情况:打开一份Word报告,密密麻麻全是黑体加粗,段间距像挤公交;或者浏览某个网页,标题小得像蚂蚁,正文却大得晃眼,读两行就想关掉?这不是内容不行,很可能是字体排版“没整明白”。
字号不是越大越好,节奏感才是关键
别一上来就调16px、18px。先想清楚信息层级:标题要跳出来,但不能压过正文;正文要易读,但也不能软绵绵没存在感。常用组合比如——H1用28px,H2用22px,正文用15px,行高设为1.6(也就是字号的1.6倍),这样眼睛扫过去有呼吸感。试试看,把一段文字的行高从1.2拉到1.6,立马不那么“憋屈”了。
字体搭配别贪多,两三种足矣
一个页面塞上微软雅黑、思源黑体、苹方、华文细黑……看着热闹,实际是视觉噪音。推荐做法:主标题用一款稍有个性的无衬线体(比如HarmonyOS Sans Bold),正文用中性耐看的字体(如霞鹜文楷 Light 或系统默认的等线体),偶尔强调词可用同一字体的Bold变体。避免混搭风格差异过大的字体,比如宋体标题配圆体正文,像穿西装戴草帽。
留白不是浪费,是给文字喘气的空间
段前段后空多少?别凭感觉。建议段间距至少是字号的1.2倍,比如正文15px,段后距就设18px。左右边距也别顶到边缘,网页内容区宽度控制在600–800px内,手机端自动缩放时文字不会糊成一团。微信公众号文章读着舒服,很大原因就是上下留白充足,段落之间有“停顿感”。
对齐方式要统一,别乱跳
中文排版首选左对齐(两端对齐容易造成字间距忽大忽小,尤其在窄栏里)。标题居中可以,但正文千万别居中——阅读时每次换行都要重新找起点,累眼又拖慢速度。表格内的数字右对齐、文字左对齐,一眼就能比大小。
颜色对比要够强,但别刺眼
灰色字配浅灰背景?那是自讨苦吃。正文建议 #333 配 #fff,或深灰配米白(#f9f7f2)。超链接用蓝色就行,别搞紫红绿混搭。需要强调时,加粗比换色更安全——毕竟不是所有人能分辨RGB细微差别。
最后一个小技巧:打开Word或网页开发者工具(F12),把字体临时全换成“Arial”,再看一遍布局。如果这时候结构依然清晰、重点分明,说明你的排版骨架是对的;如果全乱了,问题不在字体,而在尺寸、间距和层级安排。
body {
font-family: "Microsoft YaHei", sans-serif;
font-size: 15px;
line-height: 1.6;
color: #333;
}
h1 { font-size: 28px; margin-bottom: 1.2em; }
p { margin: 0 0 1.2em 0; }