哪些网络安全字体作为正文更容易被眼睛阅读？不应使用哪些网络安全字体？

Question

哪些网络安全字体作为正文文本更容易被眼睛阅读？不应使用哪些网络安全字体？

为了提高可读性，

正文的最小字体大小应该是多少？

、

应该使用什么字体大小>,
?我们是否应该对

、

、
和 使用相同的字体大小; ？

平衡的排版字体大小方案是什么？

Answer 1

我发现 Verdana 对于大块文本来说非常舒服。
然而，仅字体系列不会带来重大改进。

您应该小心文本块的宽度。流行的用法表明，每行 12 到 16 个单词之间的任何位置都适合眼睛。

还要确保行高平衡，以便行之间的垂直距离提供足够的空白。将大块文本分成多个段落，这些段落的底部填充/边距至少是行高大小的两倍，可以使它们更好地脱颖而出。

我不相信有调整标题字体大小的灵丹妙药。我确实建议您对字体使用弹性大小（em而不是px）。这使得内容更容易适应各种屏幕尺寸和分辨率。

无论您选择什么，都应该注意标题大小以及字体粗细或颜色之间的明显区别。一般来说，让标题之间的差异变得非常微妙并不是一个好主意。

我建议 h6（最后一个标题）至少比通用文本块大一点，并采用粗体字体粗细。如果让它看起来与包裹在 STRONG 标签中的元素相同，将会令人困惑。

我认为使 P、OL、TH 和 TD 的字体大小相同部分是一个品味问题，但更重要的是一个范围问题。

如果您的表格显示定价选项，我肯定会为 TH 和 TD 元素使用更大的字体，以吸引用户的注意力。

Answer 2

威奇托州立大学的软件可用性研究实验室对字体进行了一系列研究，其结果可以使用根据您的目的选择正确的字体和大小。对于文本段落的原始可读性，12 点 Tahoma 似乎一致执行最好的。 Cambria 可能更擅长阅读单个字符（他们没有测试它的阅读能力）段落，并且没有直接针对 Tahoma 进行测试）。

一般来说，12 分比 10 分好，但 14 并不比 12 好 ，除非您谈论的是老年用户。

如果大小是区分标头的唯一方式，那么根据 MIL-STD 1472，每个级别应至少比下一个较低级别大 25%。因此，如果您使用 H1 到 H3 和 12 点段落，则 H3 = 15 点，H2 = 19 点，H1 = 24 点（最小值）。但是，如果您使用其他方式来指示层次结构，例如缩进、粗体或节编号方案（如#.#.#），则某些级别可能与其他级别具有相同的大小。

编号列表和未编号列表应使用 12 点，因为它们通常是句子。您也许可以为表格内容或数据字段使用较小的字体，可能小至 9 磅，因为用户通常一次只扫描和阅读一个单词或数字，但我不知道有什么研究实际上比较了扫描/滚动与可读性权衡。

Answer 3

尝试使用不同的字体制作网站的不同版本，并要求用户选择一种最易于阅读的字体。

关于字体的良好做法：

• 不要使用太多不同的字体
  一页
• 使用相对字体大小，以便用户
  可以放大浏览器中的字体大小
  设置
• 使按钮“放大字体”和
  界面中的“缩小字体”和
  将用户设置保存在 cookie 中

字体选择本身就是一种美学选择，您无法在这里得到正确的答案 - 您自己喜欢的字体就会这样做。

至于网络安全字体，请尝试此链接：http://en.wikipedia.org/wiki/Web_typography< /a>

Answer 4

http://bigital.com/english/files/2008/04/web_legibility_readability。 pdf

根据这项研究，Verdana 提供更好的速度、舒适度和理解力。此外，它还建议最佳行长度约为 60-80 个字符。

Answer 5

IMO：避免使用 Comic Sans，使用 10+ pt 的字体大小。

Answer 6

重新可读的正文：今天，最倾向于给出的答案是使用无衬线字体（参见例如这些 可读性指南）。这些指南似乎也回答了您的大多数其他问题。

五到十年后，只要显示容量不断增加，答案可能是衬线字体。

Answer 7

你试过这个吗？

@font-face {font-family:Tahoma;src:url(/path/to/tahoma.eot);}
@font-face {font-family:Tahoma;src:url(/path/to/tahoma.otf) format("opentype");}
@font-face {font-family:Tahoma;src:url(/path/to/tahoma.ttf) format("truetype");}

这将强制浏览器使用您自己的字体。

Answer 8

对我来说，这是一个由三部分组成的问题，所以让我将我的答案分为这三个部分：

1. 可读性：经过尝试和验证的可读性字体组合是 Georgia 用于标题，Verdana 用于正文。您也可以使用 Verdana（一种用于标题的无衬线字体）和 Georgia（一种用于正文文本的衬线字体）走向另一个方向。我认为《纽约时报》仍然使用“Times New Roman”来表示所有内容。毕竟这是一份报纸...
   • 这两种字体都是“网络安全”的，并且可在 90% 以上的设备上使用，因此您使用它们相当安全。什么是网络安全且不推荐的？ Comic Sans MS、纸莎草纸、黑板、基本上任何“常见嫌疑”、任何过度使用且难以阅读的字体......
2. 强烈建议将您的正文元素文本大小设置为 100%，并相信它会将您的正文文本呈现为大约16 像素。如果您愿意，也可以将其强制为 16px。为了可读性，建议不要小于 14px，也不要超过 18px。使用 rem 或 em 进行设置应该可以帮助最终用户使用其浏览器设置调整大小。
   • 根据经验，H1 应该是 p 的两倍。如果 p 使用 16px，请将 h1 设置为 32+px。我使用因子 0.87 来表示 h1 ~ h6 的变化，因此最终得到 36、32、28、24、21 和 36、32、28、24、21 等。 18 全部以像素或 rem 为单位。将 p 设置为 16，将菜单、ul、ol、dl、li、dt、dd、td、th 等设置为 14。将标题的行高设置为 1.25，将列表和表格的行高设置为 1.5，将段落的行高设置为 1.7。设置列表的边距和填充，并设置段落的 margin-bottom 来分隔它们。
   • 每行文本最好不要超过 60 个字符，内容宽度约为 960 像素。这是相当平衡和可读的。
3. 您可以做的另一件事是通过 Google Fonts 加载选择的字体。这样您就可以向访问者提供所需的字体。您还可以在设计网站时充分了解网站将如何在屏幕上呈现，而不必太担心他们将使用什么内置字体。 Google Fonts 现在也协助配对字体，这很有帮助。