网站建设过程中，文本排版是决定用户能否轻松读取信息的关键环节。很多站点功能完备却留不住人，问题常常出在文字排布混乱、视觉层次模糊。合理的排版能引导视线、降低阅读疲劳，而不规范的摆放则让内容像一团乱麻。
一、字体与字号的基础选择
建设网站时，正文优先使用系统默认无衬线字体，例如微软雅黑、苹方或思源黑体。这类字体在屏幕上的识别度高于衬线字体，长时间阅读不易串行。字号建议设在14至16像素之间，移动端可适当放大到16至18像素，保证小屏上不用放大镜也能看清。
标题则需要与正文拉开层级。常用的做法是 h1 用于页面主标题，字号在28至36像素；h2 作为章节标题，22至26像素；h3 及以下逐级递减。切忌用颜色或 bold alone 来制造层次，应当配合字号与留白，让结构一眼可辨。同一页面内字体种类不超过三种，否则容易产生视觉噪音。
二、行距、行宽与段落节奏
行距通常设为字体大小的1.5到1.8倍。以16像素正文为例，行距24至28像素较为舒适。过窄的行距让文字挤在一起，过宽又断开阅读连贯性。行宽方面，单行字符数宜控制在35到45个汉字，对应桌面端大约700至900像素的内容区宽度。超出此范围，眼睛换行时容易找不到下一行起点。
段落之间用空行或首行缩进区分。中文网页常见首行缩进2字符，但现代扁平风格更多采用段间空行、段落间不缩进的方式，更契合快速刷读习惯。无论选哪种，全站需统一。下面用表格列出常见排版参数对照：
| 元素 | 推荐字号 | 行距倍数 | 备注 |
|---|---|---|---|
| 正文 | 14至16px | 1.5至1.8 | 移动端可增至18px |
| 章节标题 | 22至26px | 1.3左右 | 与正文空一行 |
| 辅助文字 | 12至13px | 1.4 | 用于注释、版权 |
三、对比与强调的正确用法
强调重点时，可使用加粗或变更颜色，但频率要低。整段加粗等于没有重点，用户反而会跳过。正确做法是在长句中挑出核心词加粗，例如说明操作步骤时只标出按钮名称。颜色上，正文用深灰而非纯黑，减轻屏幕刺眼感；强调色选品牌主色，避免红绿交错造成色觉干扰。
引用内容可用 blockquote 标签自然缩进，并配以左侧竖线。这样既区分了原文与点评，也增加版面节奏感。注意不要对引用文字使用过大字号，它仍是辅助角色，不能抢了正文风头。
四、列表与表格的信息梳理
当内容出现步骤、特点或并列项时，用 ul 或 ol 列表呈现比纯段落更清晰。列表项前加项目符号或数字，每项控制在单行或两行内，方便扫读。例如说明建站流程，用有序列表列出注册域名、选购主机、设计版面等，读者可快速建立顺序概念。
数据型内容则交给表格。像前文参数对照那样，用横竖线划分字段，表头加粗。注意表格在手机端可能横向溢出，建设时应测试窄屏表现，必要时转为卡片式堆叠，保证文本在任何设备都不被截断。
五、移动端的特殊考量
手机屏幕窄，文本排版要再做减法。字号不小于16像素，点距（可点击文字间距）至少8像素，避免误触。段落缩短，一段不超过四行，配合滑动节奏。很多站点直接把桌面版缩放塞进手机，结果字小如蚁，这是建设时最该规避的失误。
另外，移动端可隐藏部分次要说明，仅保留主干文本。通过响应式设计，让同一套内容在大屏展开、小屏收敛，既保持信息完整，也照顾了碎片场景下的轻量阅读。文本排版不是装饰，而是网站与用户对话的语气与条理。