5 个简单的字体更改可增加博客上的读者、评论和分享

这篇客座文章由 Information Highwayman 的 Bnonn 撰写。

您可能没有意识到，博客上的字体设置会对有多少人阅读您的内容产生巨大影响。

有多少人阅读您的内容对于帖子是否会像病毒一样传播有着巨大的影响。

有多大？ 嗯，根据我读到的一些说法，仅仅一个常见的颜色错误就可能使读者数量减少五分之一。 如果你没有犯这个错误，那么你可能至少犯了另外四个错误之一。 因此，在本文中，我将向您提供展示文本的五个最重要的最佳实践，以让读者专注于您的内容，并远离旧的后退按钮。

字体大小 — 最小 16 像素

最重要的易读性问题是字体大小。 早在 2005 年，Jakob Nielsen 就报告称，在一项针对网页设计问题的调查中，糟糕的字体获得的选票几乎是下一个竞争者的两倍——三分之二的选民抱怨字体太小。

可悲的是，从那时起一切都没有改变。 SiteInspire（展示最佳设计中的最佳网页设计画廊）的新博客设计的随机抽样表明，正文的平均字体大小为12 像素。 有的低至十个像素。 不超过14 像素。 同样，如果您从流行的优雅主题或 ThemeForest 中随机抽取产品样本，您会发现每个主题都将帖子内容设置为 12 或 13 像素。

当然，其他主题创作者也倾向于追随大佬的领导。

但正如 Information Architects 的可用性和排版专家 Oliver Reichenstein 指出的那样， 16 像素是浏览器默认显示的字体大小，而且它并不大。 平均屏幕上的 16 像素文本看起来与打印的 12 点文本大小大致相同。 这是大多数杂志以及所有文字处理器的默认尺寸，因为这是人们阅读起来最舒服的尺寸。 许多人（尤其是 40 岁以上的人）发现阅读较小的文字非常困难。 正如赖兴斯坦所观察到的：

没有理由将如此多的信息挤到屏幕上。 这只是一个愚蠢的集体错误，可以追溯到屏幕非常非常小的时代……起初，您会对默认文本有多大感到震惊。 但一天之后，您将不想看到任何小于 100% 字体大小的正文。 它一开始看起来很大，但是一旦你使用它，你很快就会意识到为什么所有浏览器制造商都选择它作为默认文本大小。

在浅色文本上使用深色——相反是不好的

幸运的是，我们已经过去了内容作者认为蓝色文本上的紫红色很酷的日子。 但黑底白字（称为反转字体）仍然很常见。 与其他深色上的白色等变体一样。

反向字体不仅会减少愿意阅读您的内容的人数，还会减少他们对内容的理解。 这是因为它会使眼睛疲劳。 长时间盯着颠倒的文字往往会产生一种“眩光”效果，你会觉得字母太亮而难以看清。 研究表明，深色文本的浅色会减少 50% 到 400% 的读者数量，具体取决于您查阅的研究内容。

为什么要冒失去这么多读者的风险呢？ 白色上的黑色或深灰色看起来很干净，并且有很多很棒的主题都使用这些颜色。

行宽 — 45 至 75 个字符

这是许多博客都违反的另一条鲜为人知的规则。 为了让您的眼睛能够轻松地跟踪一行到下一行，每行的字符数不要超过 75 个。 这称为线测量。 超过 75 个字符后，很难在不丢失的情况下跟踪一行的结尾到下一行的开头。

另一方面，如果您的字数少于 45 个字符，您的眼睛很快就会疲劳，因为您刚刚开始阅读一行，就必须跳到下一行。 你感觉自己永远没有机会休息。

因此，理想的帖子内容区域应包含大约 60 个字符长的文本行。 当然，你还必须考虑美观。 在许多博客上，“理想”的措施是在右侧边缘留下巨大的空白，或者使文本看起来被压缩成一个很小的区域。 正是出于这个原因，我在自己的网站上使用了大约 70 个字符。 但如果超过 80 个字符，读者数量肯定会减少。

线高—130%或以上

幸运的是，这是一个不太常见的错误。 如果您使用专业主题，则可能无需担心。

举个例子，我已将此段落设置为默认行高（也称为行距，源自旧印刷机上用于分隔文本行的铅条）。 读起来感觉局促、乏味，而且很难从一行到下一行，因为它们相互融合。

另一方面，该段落的行高设置为 200%，相当于文字处理程序中的双倍行距。 我相信你会同意这里的线条感觉彼此太脱节，除非你要提交一篇研究论文，否则这不是正确的选择。

最后这段设置行高为150%。 这意味着对于字体大小的每个像素，行之间的距离有一个半像素。 事实证明，对于您可能在博客上使用的大多数字体来说，这都是相当可靠的最佳位置，但您可以随意在 130% 到 160% 之间进行试验，看看哪种最适合您自己的内容。

左边距——不要破坏它

最后一个技巧并不完全是字体问题。 但它属于同一类别。 博主通常在他们的帖子中包含图像。 这是否真的是一个好主意是另一个话题——但现在，让我给你一个建议。

左边距是神圣的。 这就是我们在西方世界追踪页面文本的方式。 它是线条生长的“基础”（通常长度完全不同），也是我们阅读页面时眼路的基础。

但如果你打破了左边距，那就完蛋了。 你的眼睛必须环顾四周以尝试找到新的页边距，这样你才能继续阅读。

换句话说，每次左对齐图像时，都会在读者的路径中设置一个减速带。 而且你用你的视觉主导图像将他的注意力从文本上拉开，从而使问题变得更加复杂。 不用说，那些一直分心并不得不重新定位左边距的读者通常不会读到文章的结尾，因此他们通常不会分享或评论它。

额外提示：首字下沉可增加读者群

我所说的“首字母大写”是指首字母大写，即帖子第一个单词的第一个字母比其他字母大得多。 根据奥美公司 (Ogilvy & Mather) 的研究，这会使一篇文章的读者数量平均增加 13%。

大多数博客主题中都没有内置首字下沉，而且在网络上实现它们可能很棘手，但如果您会一点编码，请查看本教程，了解如何创建它们。

五个错误：你犯了哪些？

现在是时候回到您自己的博客，看看这五个重要的最佳实践中哪一个您没有实践。 然后，固定！ 但不要忘记在下面的评论中分享您所做的更改！

布农在该行政区被称为“信息强盗”，他通过改进文案和设计帮助小企业在网上销售更多产品。 当他没有深入浏览某人的主页时，他会教他的孩子们有关蒸汽朋克、内森·菲利安的知识，以及如何在不被咬伤的情况下与僵尸搏斗。