最佳网站字体以及如何选择正确的字体

已发表: 2022-02-11

从配色方案到字体和标题设计,如果我们谈论的是像您的网站这样的大型数字项目,每一个小细节都很重要。 使用不同的字体和字体效果可以给您的用户带来负面和正面的影响,正面还是负面完全取决于您。 平衡是一种将所有这些细节连接到一个组织良好的创作中的和谐方式,对于每个数字设计师来说都是至关重要的。

字体和字体效果是实现这种平衡的最佳方式,因为对于大多数网页而言,最重要的视觉数据量被正文、标题和标题占据。 因此,您可以调整简单和复杂细节的数量,以获得完美的结果。

目录显示
  • 打开 Sans
  • 拉托
  • 黑尔维提卡
  • 梅里韦瑟
  • 游乐场展示
  • 蒙特塞拉特
  • 自由巴斯克维尔
  • 考德斯
  • 巴洛
  • 机器人
  • 如何选择合适的字体?
    • 根据网站内容选择字体
    • 三种字体
    • 了解基本情况
    • 不要忘记加载时间

打开 Sans

开放式无字体

Open Sans 是无衬线字体的一部分,旨在提供最高的可读性和用户体验。 这种网络字体是具有大量信息(博客、信息文章等)的简约网站的最佳选择。 这种字体的另一个好处是它与许多不同的风格兼容。

为您推荐:在信息图中使用的最佳字体。

拉托

拉托字体

如果您的网站在金融、法律甚至会计等严格领域中激活,Lato 是最好使用的字体之一。 该网站字体易于使用,更多地被认为是一种体现高度专业性的公司字体。 对于那些想要以现代方式丰富网站设计的人来说,Lato 是最好的字体。

黑尔维提卡

Helvetica字体

作为全球最常用的网站字体之一,瑞士设计师 Max Miedinger 发现了 Helvetica。 Helvetica 因其令人难以置信的款式和尺寸而广受欢迎,这有助于设计师为他们的特定创作选择最佳版本。

梅里韦瑟

Merriweather 字体

如果您有不同的受众在大屏幕和小屏幕上阅读您的内容,那么 Merriweather 网站字体是您必须选择的字体。 这种成比例的字体结合了时尚的外观和简约的风格,这是一种惊人的合并,在各个领域的网站上都有很大的潜力。 Merriweather 非常适合正式和非正式风格。

游乐场展示

Playfair-显示字体

Playfair Display 是一种带有一点经典特征的时尚字体。 如果您为复杂的网站选择字体,Playfair Display 绝对是您的选择。 它非常适合内容简单、美观且内容易于理解的网站。 事实上,Playfair Display 的可读性不如其他字体; 它的主要优点是类。

蒙特塞拉特

蒙特塞拉特字体

这种无衬线字体几乎是您可以选择的最佳网站字体。 它的几何风格通常允许您找到一种在您的网站上实现它的方法。 尽管蒙特塞拉特非常时尚,但很多人发现它在小屏幕和大屏幕上都可以阅读。

自由巴斯克维尔

自由巴斯克维尔字体

Libre Baskerville 是一种衬线字体,其灵感来自其 18 世纪的前身。 其经典风格非常适合用于经济、体育和美容等广泛领域。 尽管 Libre Baskerville 非常受欢迎,但如果您的受众使用大屏幕访问您的网站,这不是最佳选择,因为当字体太大时字体看起来不太好。

考德斯

Caudex-字体

最初用于中世纪手稿,Caudex 在 90 年代后期进行了改革并适应了我们的现实,此后一直没有停止发展。 Caudex 可用于段落和标题,毫无疑问,它是可用样式种类最多的字体。 它适用于大屏幕和小屏幕。

巴洛

巴洛字体

这种无衬线字体 Barlow 似乎受到了加州车牌和高速公路标志的启发。 其简洁的设计可以为您的网站带来一些流畅性,使其更加舒适和易于阅读。 这种字体的另一个好处是与您网站上的许多其他字体的兼容性。

机器人

机器人字体

简单明了是完美描述Roboto字体的形容词。 其主要目的是将信息传递给您的客户,而不会有任何复杂的风格。 它被认为是一种专业字体,但在某些情况下,设计师将这种字体用于友好的内容。

您可能会喜欢:每个伟大设计师都需要的 20 种令人惊叹的标志设计字体。

如何选择合适的字体?

排版字体字符字母设计

正确的字体通常是吸引更多网站用户的关键。 因此,设计师正确选择它的能力会对用户体验和他们的评论产生积极影响。

根据网站内容选择字体

最佳网站字体选择正确的一点 1

在大多数情况下,您网站的最大部分将包含不同类型的文本,这已经不是什么秘密了。 因此,如果您想要一个时尚、布局合理的网站,那么实现这一目标的第一步就是为该文本选择正确的字体。 最大的提示是不要在一页上使用超过 3-4 种字体; 它看起来很糟糕而且很乱。 这就是为什么,鉴于存在许多不同的字体,您应该特别选择最适合您的字体,不要推得太远。

人们最困惑的是结合字体和网站的设计来获得一个伟大而时尚的合并。 事实上,它比你想象的要简单得多。 有些字体最适合包含大量严肃和信息丰富的内容的网站,而有些字体则适用于有趣和肤浅的内容。 您需要了解您将要编写的内容类型。 通常,Times New Roman 和 Robotica 等字体因其严谨和简约的风格而用于信息内容,而 Playfair Display 等字体则非常适合休闲内容。

三种字体

最佳网站字体选择正确的一点 2

就像我在上一段中所说的那样,您的网站不应包含超过三种字体。 但是这三个是什么,你如何选择它们? 你会马上知道的。

  1. 您将在标题、副标题和标题中使用的第一种字体至关重要。 这种主要字体应该与您的品牌直接相关并反映其理念。 如果您有一个极简品牌,则主要字体应尽可能简约,以反映其理念。 如果可能,您应该选择与徽标中使用的字体相同的字体(如果有的话)。
  2. 辅助字体将用于编写内容的最大部分。 即使您对网站的其余部分进行了更复杂的设计,它也应该简单易懂,因为这部分文本应该对您的大多数用户尽可能可读。 您不能选择难以理解的时尚字体。 对于您网站的这一部分,它实际上是不可接受的。
  3. 第三种字体是可选的,用于突出文本的某​​些部分并更快地吸引读者的注意力。 在这里你可以使用一些更复杂的字体,但不要比你的次要字体推得更远; 它们应该有一些相似之处才能完美结合。

请记住,您为网站选择的字体和字体越多,就越难组合和协调它们。 一般来说,更多的字体意味着你的网站设计更混乱。 就这么简单。

排版

了解基本情况

最佳网站字体选择正确的一点 3

排版是一门艺术,就像每一种艺术一样,很难在心跳中学习和理解其存在的方方面面。 但是,一些基础知识可以帮助您为您的网站选择正确的字体。 字体的分类对于每个必须为其网站选择字体的设计师来说都是至关重要的。 在这里,您将找到一个快速但内容丰富的摘要,这将帮助您了解它们之间的区别。

衬线字体:

当您输入的信息最终将被打印时,通常会使用它。 经典而时尚的衬线字体因其优雅而不常用作网络字体。 但是,如果您选择撰写有关金融、法律或时尚的文章,这是您的选择。 Times New Roman、Georgia 和 Bodoni 是衬线字体。

无衬线字体:

这些字体不像衬线字体那样在字母末尾有衬线。 现代而直接的网页设计师通常使用这些字体,因为它们具有中性的外观。 无论您写什么主题,都可以使用这些字体。 它们通常非常适合解决大量问题。 Helvetica、Robotica 和 Open Sans 是一些著名的无衬线字体示例。

脚本字体:

这些字体是根据手写样式建模的。 它们通常用于标题、副标题和突出显示文本的一些重要部分。 您不能使用脚本字体来编写正文,因为这对读者理解和理解信息是一个挑战。 Lobster 和 Lucida Handwriting 是脚本字体。

请记住,您为网站选择的字体和字体越多,就越难组合和协调它们。 通常,更多的字体意味着您的网站设计更加混乱。 就这么简单。

另一个重要的基本知识是如何强调文本的不同部分。 通常,为了使某些细节从文本的其余部分中脱颖而出,许多作者使用粗体或斜体。 这是一个不错的选择,但如果你想要原创,你可以使用我上面描述的不同类型的字体,第三种字体用来强调。

您可能还喜欢:您可以在您的网站中使用的 5 种 Web 安全字体。

不要忘记加载时间

最佳网站字体选择正确的一点 4

我们生活在一个人所能拥有的最宝贵的资源就是时间的时代。 因此,没有人愿意等待网站加载很长时间才能看到更复杂或更漂亮的字体。 通常,这个人会选择另一个站点来更快地接收他需要的信息。 正确选择字体可以显着提高网站的速度。 怎么做? 这里有一些提示。

  • 您已经知道为什么单个网站上的大量字体是您能做的最糟糕的事情的许多原因。 这是坚持使用 2 或 3 个的另一个原因。 更多字体意味着必须处理的数据量更大,这需要时间。
  • 不要用很多美丽但无用的东西使设计过于复杂,这只会使事情变得更糟。 例如,为标题和标题使用设计良好的字体是一件好事。 但是对于正文,选择像 Robotica 或 Helvetica 这样的基本字体更合理。