css - 哪些网络安全字体作为正文文本更易读？不应使用哪些网络安全字体？

Question

哪个web-safe fonts作为正文文本更易读吗？不应使用哪些网络安全字体？

<p>body text</p> 的最小字体大小应该是多少？为了更好的可读性？

我们应该为 <H1/2/3/4/5/6> 使用什么字体大小？ , <p> <ul> , <ol> ？我们应该为 <p> 使用相同的字体大小吗？ , <ul> , <ol>和 <th> <td> ？

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

Answer 1

我发现 Verdana 非常适合大块文本。然而，字体系列本身不会带来重大改进。

您应该注意文本 block 的宽度。流行的用法表明，每行 12 到 16 个单词对眼睛来说是舒适的。

还要确保具有平衡的行高，以便行之间的垂直距离提供足够的空白。将大块文本分成具有至少两倍于行高大小的底部填充/边距的段落，可以使它们更加突出。

我不认为有调整标题字体大小的 Elixir 。我确实建议您对字体使用 flex 大小(em 而不是 px)。这使得内容更容易适应各种屏幕尺寸和分辨率。

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

我建议最后一个标题 h6 至少比通用文本 block 大一点，并且字体粗细。让它看起来与包裹在 STRONG 标签中的元素一样会让人感到困惑。

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

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