改善阅读体验的最佳字体

平面设计 网络字体 字体 可读性
2021-12-27 04:35:09

我正在建立一个网站,其主要目的是为内容提供服务(立法机关),我想为用户提供最好的阅读体验。您可以在以下位置查看示例页面:

http://iura.cl/cc/44

如您所见,我已经剥离了目前使用 Telex webfont 的所有内容。我还有一个可以减少眩光的夜间阅读选项:

http://iura.cl/cc/44?estilo=nocturno

我想知道对于我选择的字体我应该考虑什么以确保它清晰易读,如果有任何指南可以遵守?

4个回答

实际上,如果您的首要标准是网站的高可读性字体,则有一些非常简单的原则

  1. 认为主流。多亏了@font-face可以从成千上万种字体中进行选择 - 但不太流行或较新的字体通常在浏览器和操作系统之间存在渲染问题,有时即使它们来自受人尊敬的铸造厂。如果可读性是您的首要任务,并且您不想进行大量的跨浏览器跨操作系统测试,那么您可能希望安全地使用它并使用可信赖、久经考验的字体。旧的网络安全字体喜欢Verdana并且Georgia是安全的赌注,因为它们被广泛使用,即使在更稀有的浏览器/操作系统设置中也已经过测试。另外,熟悉有助于可读性。
  2. 高 x 高度和宽。您不知道阅读器屏幕的质量或像素密度是多少,因此,如果您优先考虑可读性,请确保字母的重要区别特征更加清晰。为 Web 可读性而设计的字体,例如VerdanaGeorgia,在字母的关键细节所在的 x 高度上使用尽可能多的像素,并在上升或下降上使用最少的像素,其中一两个像素的凸起足以轻松告诉 ab从 ao或 a p
  3. 不太轻。Light type 在印刷或高像素密度屏幕上看起来很棒 - 但有一个很好的理由为什么它在 ios7 之前很少在屏幕上使用并且即使在那时也存在争议:如果观看者没有在最佳条件下观看,比如稳定的高质量屏幕室内照明,它有可读性的风险。选择具有良好常规重量的字体 - 我提到过VerdanaGeorgia

Verdana当然,除了and之外,还有很多符合这些标准的字体,这两种字体Georgia有时被认为有点无聊,因为直到 2009 年左右,当@fontface 被广泛使用时,它们一直是大部分网络的首选字体.

但是你真的不会出错——它们是为网络可读性而设计的,每个浏览器和操作系统的组合都经过测试可以很好地显示它们。


编辑:当 webtype 卖家和代工厂确实为了良好的可读性而测试时,他们很可能会在他们的营销中大喊大叫。例如,网络类型“Reading Edge”系列(向在这里提到这一点的 Chris Burton致敬)。不过,请进行广泛的测试。

好的,我将继续并就此提出我的想法。没有终极的“最佳字体”,也不可能存在,因为选择字体取决于许多不同的方面。可以有一种“选择字体的最佳方法”。

因此,需要考虑的事项有助于为您的项目选择最佳字体;

媒体:字体将如何显示,纸张、画布、在线、便携式设备等。您要确保选择适合将在其上显示的媒体的字体,例如 Times New Roman 块对于打印的文档可能没问题,但是在屏幕(尤其是小屏幕)上,Times New Roman 块可能很难阅读。如果您受限于网络字体,您还想查看可用的内容,例如google 字体等资源可以在这里为您提供帮助。 (来自 Wikipedia:“Web 安全字体 Web 安全字体是可能存在于各种计算机系统上的字体,并且被 Web 内容作者用来增加内容以他们选择的字体显示的可能性。如果 Web 的访问者网站没有指定的字体,他们的浏览器会尝试根据作者指定的后备字体和通用系列选择类似的替代品,或者它使用访问者操作系统中定义的字体替换。”)

听众:想想谁会读它。如果没有基于衬线的字体,或者单字“a”而不是双字“a”,年幼的孩子可能会做得更好但是,如果说是婚礼请柬,那么像Edwardian Script这样的字体在这种情况下是非常受欢迎的,因为让我们面对它,衬线越多,装饰性越好 - 根据一些新娘的说法是;) 尽管装饰性的东西仍然是主要用于标题而不是整个内容。作为一个聪明人

对比度/颜色:这也是您的项目需要考虑的问题。当然,您不希望由于对比度非常高而使人失明,或者因为眯着眼睛看对比度非常低的东西而使他们皱起眉头——那部分是显而易见的。但根据您的配色方案,您可能需要调整亮度和对比度设置。您会注意到例如 GD.SE 不是完全黑色和完全白色(如在此处询问和回答的那样)-它的对比度低于此值,因此相比之下很容易长时间查看该网站看着对比度更高的东西——你的眼睛会累的!

重量:一般来说,重量较轻的字体十比一些较重的字体更易读,这里将进一步讨论这一点以及您可能会发现有用的易读性的其他方面。

数量:根据您的媒体、受众和内容,您可能需要选择几种字体。对此我建议保持警惕。您当然不想混淆内容。字体的全部意义在于传达某些东西,您正在寻找的是最有效地做到这一点的方法。太多的字体可能会让人感到困惑,尽管一种字体有时会很无聊。通常将粗体/斜体和大小与两种字体混合在一起是容易发生的事情。配对字体在这里讨论得更多

如果您是白手起家,这些是您应该缩小范围的一些方面,但是尽管当它真正归结为它时需要考虑很多,但这并没有那么糟糕。项目前期选择合适的字体/字体的价值是没有可比性的!在这里选择字体时需要考虑更多因素

一个很好的类比是,这就像穿衣服,这是一个在这里讨论的简单概念。

因此,随着我的答案的格式自然而然地下降,您首先要弄清楚它是给谁的以及它要说什么-然后您要弄清楚通信方式,哪种字体:),因为这不是没有大量链接的 Jenna-Answer,这将在此处进一步讨论。

我强烈建议阅读我提供的链接,它们很有帮助,可以帮助您为项目选择正确的字体,这将改善读者体验。这不仅与易读性有关,而且与字体所贡献的整个上下文有关,更不用说美学了,一种足够易读的字体可能会完全从设计中带走,而同样易读但更合适的字体可能会被忽视,从而使设计和信息最突出的东西。在我看来,花时间来做这件事是非常重要的。

希望我已经提供了帮助并且没有过多地闲逛,我对正确的字体有点热情:) 祝你的项目好运。

我相信Serif字体往往更容易在较长时间的阅读中使用。为了更好的阅读体验,我认为像 Adob​​e Garamond 这样的衬线字体效果很好。它不像Times那样“废话”。就衬线字体而言,衬线中有一些有趣的曲线有助于使其更加“纯净”。

在此处输入图像描述

这是一篇关于我倾向于同意的主题的文章:

Serif vs. Sans:最后一战

以下是 Typekit 个人计划提供的两种不错的阅读字体:

Nimbus Sans https://typekit.com/fonts/nimbus-sans

Adelle Sans https://typekit.com/fonts/adelle-sans