网页的字体大小和行高

Question

对于可读性而言，字体大小和行高的最佳值是什么？

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

Answer 1

与所有其他“什么是最好的”世界的问题，这个问题的答案是“没有‘最好’的” :-)

对于字体大小，可以说是“最好”是什么用户选择了自己，无论是默认还是最低。换句话说，保留主体副本的字体大小，并且只为标题增加字体大小。您可能考虑由很小量用于非关键内容减少了。 16px通常是浏览器的默认设置。

对于行高，通常建议使用介于1.3和1.5之间的值以实现良好的可读性，但这会随字体面和行长度而变化。

Answer 2

没有“最好”的字体大小和行高。

这一切都取决于网站的类型。

如果它主要是一个以文章为主要内容的网站，那么更大的字体和行高可能会更好。

如果它是一个WEB应用程序，然后巨大的字体大小会阻止您建立一个小巧而实用的接口。所以你不得不求助于典型的操作系统字体大小。

这一切都依赖。

Answer 3

根据什么W3C推荐，总是使用相对字体大小（EM）。

，而不是使用

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

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

让用户可以随时覆盖默认的字体大小。

Answer 4

实际上，就网页中的“段落可读性”而言，它的字体大小和行高都是最佳的。上述问题的目标很明确：可读性。他们没有要求最好的音乐或穿衣风格或其他能够容忍各种不同口味的东西;他们并没有要求最好的字体颜色，或字体大小为我的或你的口味，或为老年人，但具体[可读性]最好的字体大小和行高，并有最好的实践指导方针目的。这不是品味的问题，而是光学和机械阅读的问题;它也需要印刷术的知识。将其简化为“无论你我喜欢什么”，都是品味与效率，色彩与健康之间的严重混淆。

而且我将假设问题不是询问字幕的字体大小，而是询问屏幕上的段落（因为这是我们在网上大部分阅读的内容）。

即使我们会礼貌地将现有指导方针标记为“建议”，它们仍然为寻求“最佳”提供了一个答案。在我分享我所知道的内容之前，请明白，如果您不是贸易印刷设计师，或者至少在该领域做过很好的研究，那么您很难回答上述问题。有时候，人们确实需要优秀的专业人员来向他们展示他们从未意识到可用，可能或存在的东西;有时候人们不确定什么会感觉到或者看起来是“最好的”，直到你真正向他们展示给他们，并要求他们尝试它，看看他们是否喜欢它，或者如果它快速增长。有时候人们会习惯于错误的，不健康的或者反作用的习惯，比如坐在一个懒洋洋的背上，或者用Times New Roman的方式阅读网页，直到错误的练习对他们实际感到[舒服];它成为他们的舒适区！这是否意味着他们的“最佳”是他们习惯选择的？很明显不是;不一定。有时问题甚至在字体大小上也没有。这意味着，选择增加字体大小的用户不会因为字体大小而这样做，但是因为行长度（段落或列宽度）太长，或者行高太紧，或者存在没有任何段落（！），它只是一个文本墙，或者段落和背景颜色太相似，所以它们会增加字体大小以弥补这种糟糕的设计问题，因为他们会很满意正确设计的网页上相同的字体大小。

现在，关于段落的字体大小，特别是在网页上的可读性，最佳或推荐的范围是从12px到16px。如果您选择非常规字体，这可能会稍微变化，但对于网站而言，建议不要这样做。由于在px（像素）中指定大小时跨浏览器显示的一致性较高，因此在px中指定大小可能优于pt（例如Microsoft Word中使用的单位）。屏幕为px，打印为pt。

“无论用户自己选择了什么”参数都是无效的，因为它假定典型用户根本改变浏览器设置中的默认字体大小;这样的假设是非常误导的，并且绝对不代表关于大多数百分比的实际数据，或者绝对不会改变默认浏览器字体设置的典型互联网用户的实际数据。

我尊重W3C的建议，但是今天大多数浏览器完全能够通过Ctrl +（+）无论如何增加屏幕上的字体大小，即使大小是由px指定的，并且按Ctrl + 0也可以获得页面回到原始大小。而在大多数情况下，知情的设计师实际上会指定段落的字体大小，行高和宽度列，以便它们互相补充并增强可读性。因此，只有没有意识到的用户改变设计良好的页面的字体大小实际上可能会降低可读性而不是增强其可读性，特别是对于长段落。可以理解的是，可访问性是重要的，有时需要一些政府网站，但这仍然可以由设计者考虑，以便列宽随着用户字体大小的增加而增加;在这种情况下，您将使用em单位而不是px，范围将从0.75 em到1 em（除非基本字体大小被“body {font-size：62.5％;}”CSS语句破解，那么范围是1 em到1.6 em）。

关于段落的行高，建议的绝对最小值为150％。而且在大多数情况下，你不需要超过175％。

再次，为了网页的可读性，sans-serif字体（比如Verdana）比serif字体（比如'Times New Roman'）更受推荐。对于印刷来说，情况恰恰相反。

在Web上使用的两个最推荐的字体是Verdana和Georgia。为了获得最佳效果，请对比一下：最好的组合是Verdana的段落和Georgia的标题。

您还应该考虑您的内容栏宽度：它应该适合75至85段的字符（13至18个字）平均每条全行。如果线条比这更长，网页的可读性会受到影响或放慢;比这更窄，你的段落看起来很尴尬。

合理吗？不，传递它;它会减慢阅读速度，从而影响可读性，特别是对于快速阅读器（并且您希望快速阅读器喜欢您的站点！）。坚持左对齐英文。

所有这些建议的原因可以在任何流行的网页排版书中找到，并且可以通过最排版设计师来解释，你真的应该要落后了解智慧在细节中感受相信这些建议（或者“最佳“实践指南）有很好的理由。字体太大（或巨大），可读性实际上并未增强，但对于大多数普通读者而言是受损的;太小的字体，同上。为什么？再次，您可以使用我共享的关键字进行研究。总之，为了网页的可读性，段落：Verdana（sans-serif），12-16px（不是pt，0.75 em到1em当可访问性非常重要时），线高150％-175％，每行75-85个字符（控制列宽）。