整理網頁排版,提供更好的文章
CSS
2021-12-12
読みやすい=理解しやすい Webの組版を整理してより良い文章を届けよう - Qiita
通說為一行文字約35至40字閱讀起來最為容易
採用35文字
code:css
.body-text {
display: grid;
grid-template-columns: min(100%, 35em);
justify-content: center;
padding: 2rem 1rem;
}
採用模組化放大字體
保持
垂直韻律
$ f_n = 16 * 2^\frac{n}{5}
拉開段落間的餘白
更換字體
縮小標題字距
加入避頭尾處理
相關連結
中文 CSS 排版原則指南
【老貓出版偵察課】易讀性的基本法則(三之一)
【老貓出版偵察課】易讀性的基本法則(三之二)
【老貓出版偵察課】易讀性的基本法則(三之三)