让排版成为设计的主角。

拿掉图片和颜色，一个页面还剩下什么？大多数时候，是文字和文字之间的距离。

这也是为什么排版值得尽早考虑。它不是内容完成后的装饰，而是内容被阅读的方式。

从正文开始

先放入一段真实长度的正文，再调整字号、行距与宽度。占位文字太短，往往会掩盖阅读中的问题。

同样的字号，在不同字体和屏幕上会有不同的观感。判断标准可以很朴素：读一整段，是否需要反复找下一行？页面缩小后，是否仍然能轻松看清？

一行过长，眼睛从行尾回到下一行开头时容易迷失。过短，则会让段落碎成很多不自然的停顿。

正文容器不必和整个网站一样宽。宽屏上的留白，可以用来安放目录，也可以什么都不放。

css

.reading-column {
  width: min(100% - 3rem, 42rem);
  margin-inline: auto;
  font-size: 1.0625rem;
  line-height: 1.9;
  overflow-wrap: break-word;
}

这是一组起点，不是通用答案。放进实际文章，在手机和电脑上各读一遍，再做调整。

一篇普通文章，有正文、二级标题、三级标题和辅助信息，通常就足够了。

如果每一小段都加粗，每一句话都强调，读者最后反而不知道重点在哪里。强调应该有节制，标题也应该描述后面的内容，而不是只追求醒目。

链接需要能被识别，代码块需要可以横向滚动，键盘焦点需要清楚可见。深色背景下的辅助文字，也应该保持足够的明度。

这些细节不一定在第一眼就被注意到，却决定了一个页面是否适合停留。

让读者忘记界面的存在，安心读完一篇文章，就是排版很好的结果。