版心与行距
做这个主题的起点,是想要一个读起来像纸的网站:宣纸的米白、偏暖的墨色、足够的留白。
从宣纸的颜色开始
底色 #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;
}