网站使用的理想字体大小是多少?

平面设计 网站设计 排版 css
2022-01-11 04:11:52

我想知道您可以为网站使用多少字体大小。

有人对我说最好不要使用超过 3 种不同的字体大小(例如,16 像素的标题、11 像素的文本和 13 像素的小标题)。

每个网页使用超过 3 种字体大小(例如 4 种)是好主意还是坏主意?我只是问,因为我正在考虑使用第四个,但不知道它是否会破坏我的设计。

4个回答

这个问题很有趣。老实说,我从来没有听说过有限数量的字体大小。然而,我听说字体的数量通常不超过 2 或 3。在当今的响应式 Web 中,您会看到字体大小一直在变化,具体取决于视口。

如果没有一些来源,这将不是一个好的答案,所以我认为你应该从 Smashing Magazine 阅读两篇有趣的文章。一个是关于排版指南和技术(我已将您链接到他们谈论相对缩放标题标签的部分)h1:1.5ems,h2:1.375ems等。

第二篇文章是Smashing Magazine每年在一些最受欢迎的网站上对排版进行的大型研究。这些网站主要是内容驱动的,因此排版对他们来说至关重要。

我认为您会发现,对于字体大小没有任何公认的最佳实践。只要它们不会发生显着变化以分散观众的注意力,您就可以自行决定与它们一起玩。如果您可以以可区分的方式使用字体大小,以便用户可以将字体大小与特定的内容类型相关联,那么您应该没问题。只是不要过火。

我想知道您可以为网站使用多少字体大小。

从技术上讲,数量是无限的。

有人对我说最好不要使用超过 3 种不同的字体大小

“好的”设计往往会在一组约束中发挥作用,所以很多这些经验法则类型的规则就是这样——用于控制选项范围以提供一些焦点和方向的约束。

每个网页使用超过 3 种字体大小是个好主意还是坏主意

是的。和不。呃……这取决于。

这一切都基于您的设计细节。问问自己:添加第 4 种字体大小有效吗?你能证明它的用途吗?如果是这样,那就去吧。

你喜欢多少就多少。想想报纸。它可以使用许多不同大小的标题来表达相对重要性。您不能在网页上做同样的事情没有一般的理由。例如,标签云大量使用字体大小变化。

我同意上面给出的大多数答案,但想在这里再补充一个。

首先,我认为你必须确保你保持一个最多能吸引访问者的布局。如果你混合和匹配字体大小这么多,它最终可能会变得更加混乱和难以阅读。

其次,考虑用户群。谁将使用您的网站?有些人使用不同的平台,某些字体大小在不同平台上看起来不同。

最重要的事情是在您的页面上保持一致的外观。祝你好运!