如何为您的网站选择字体家族

如何决定使用哪种字体系列

无论网站的大小或行业规模如何,您今天都可以在网上查看任何网页,并且您会发现它们共同拥有的一件事是文本内容。

影响网页设计的最简单方法之一是使用用于该网站上文本内容的字体。 不幸的是,很多网页设计师在职业生涯早期都因为在每一页上使用太多的字体而变得有些疯狂。 这可能会造成似乎缺乏设计凝聚力的泥泞体验。 在其他情况下,设计人员尝试尝试使用几乎不可读的字体,仅仅因为它们“很酷”或不同而使用它们;它们的确可能是很酷的字体,但如果它们意图传达的文本无法读取,那么当没有人阅读该网站时,该字体的“酷”将会消失,而是留下他们可以处理的网站!

本文将介绍在为下一个网站项目选择字体系列时应考虑的一些项目。

一些规则

  1. 不要在任何一页上使用超过3-4种字体。 除此之外,任何事情都会开始感觉业余 - 甚至在某些情况下4种字体可能太多!
  2. 除非你有一个非常好的理由,否则不要在中间句子中改变字体 (注意 - 我作为网页设计师的所有年份都没有找到一个很好的理由来做到这一点)
  3. 为正文文本使用sans serif字体或衬线字体可使这些内容块更易于阅读。
  4. 用打字机文本和代码块的等宽字体设置除页面外的代码。
  5. 使用脚本和幻想字体的口音或大标题很少的话。

请记住,这些都是建议,而不是硬性规定。 但是,如果你打算做一些不同的事情,那么你应该有意识地去做,而不是偶然。

SANS SERIF字体是您网站的基础

无衬线字体是那些没有“ 衬线 ”的字体 - 在字母的末尾添加了少量的设计处理。

如果您已经参加过任何印刷设计课程,您可能会被告知只能使用衬线字体作为头条新闻。 这不适用于Web。 Web页面旨在通过计算机监视器上的Web浏览器进行查看而今天的监视器可以清楚地显示衬线字体和无衬线字体。 一些衬线字体在较小尺寸下阅读时会变得有些困难,尤其是在较旧的显示器上,所以您应该始终注意观众并确保在您决定将它们用于正文文本之前可以读取衬线字体。 这就是说,今天的大多数衬线字体都是为数字消费而设计的,只要它们设置在合理的字体大小,它们就可以正常工作。

sans-serif字体的一些示例是:

琐事:Verdana是一种发明用于网络的字体系列

使用SERIF字体打印

尽管衬线字体可以在线读取较旧的显示,但它们非常适合打印并且适用于网页上的标题。 如果您的网站具有适合打印的版本,则这是使用衬线字体的理想场所。 印刷的衬线使阅读更容易,因为它们可以让人们更清楚地区分字母。 而且由于打印具有更高的分辨率,因此可以更清晰地看到它们,并且看起来不会一起模糊。

最佳实践:考虑为您的打印友好页面使用衬线字体。

serif字体的一些示例是:

MONOSPACE字体为每个字母添加相同的空间

即使您的网站与计算无关,也可以使用等宽字体来提供说明,举例或暗含打字文本。 等宽字母对于每个字符具有相同的宽度,因此它们总是占用页面上相同的空间量。

打字机通常使用等宽字体,在您的网页上使用它们可以让您感受到打字内容的感觉。

等宽字体的一些示例是:

最佳实践:等宽字体适用于代码示例。

幻想和脚本字体很难阅读

幻想和脚本字体在计算机上并不广泛,一般来说很难在大块中阅读。 虽然您可能喜欢使用草书字体的日记或其他个人记录的效果,但您的读者可能会遇到麻烦。 如果您的受众包括非母语人士,则尤其如此。 此外,幻想和草书字体并不总是包含重音字符或其他特殊字符,这些字符限制您的文字为英文。

在图像中使用幻想和草书字体,并作为标题或标注。 保持简短并注意,无论您选择哪种字体,可能都不会放在大多数读者的计算机上,因此您需要使用网络字体来提供它们。

幻想字体的一些例子是:

琐事:Impact是最有可能在Mac,Windows和Unix机器上使用的字体系列。

脚本字体的一些示例是:

琐事:研究表明,难以阅读的字体可以帮助学生保留更多的信息。

Jennifer Krynin的原创文章。 由Jeremy Girard于9/8/17编辑