网页的字体大小和行高

Question

在可读性方面,字体大小和行高的最佳值是多少？

我自己更喜欢巨大的字体大小和更高的行高,就像Dive in Python 3中使用的那样.

Answer 1

与世界上其他"最好的"问题一样,答案是"没有'最好的'":-)

对于font-size,可以说"最好"是用户自己选择的任何一种,无论是默认值还是最小值.换句话说,只为主体副本保留字体大小,并仅为标题增加它.对于非关键内容,您可以考虑将其减少一小部分.16px通常是浏览器的默认值.

对于行高,通常建议使用介于1.3和1.5之间的值以获得良好的可读性,尽管这会随字体的面和行长度而变化.

Answer 2

根据W3C的建议,始终使用相对字体大小(em).

使用

h1 { 
    font-size: 2em;
    line-height: 2.5em;
}

代替

h1 { font-size: 24px; line-height: 30px; }

这样用户总是可以覆盖默认的字体大小.