跳转到内容

版心与行距

做这个主题的起点,是想要一个读起来像纸的网站:宣纸的米白、偏暖的墨色、足够的留白。

从宣纸的颜色开始

底色 #faf9f7 不是纯白,也不发黄。深色模式对应一张暖调的墨黑 #1b1915,而不是纯黑。

版心与行距

正文的版心是 680px,字号 17px,行距 1.75。中文没有字母间的空隙,比西文需要更大的行距。

一行多少个字

一行 35 到 40 个汉字最舒服。少于 25 个字,眼睛来回换行太频繁;多于 45 个字,换行时容易读串。

中文段落建议不超过四行,长段落拆开读起来更轻松。

中英混排

中文与英文、数字之间加一个空格,例如「用 Astro 搭建」「一共 3 篇」。现代浏览器的 text-autospace 也能自动处理。

.or-prose {
  max-width: 680px;
  line-height: 1.75;
  text-autospace: normal;
}
中文排版
目录
  1. 从宣纸的颜色开始
  2. 版心与行距
  3. 一行多少个字
  4. 中英混排