经过长时间艰难地搜索最佳的Web字体和Web安全字体为您的品牌,您终于找到了完美的一个:它是漫画的SAN。可惜!漫画是完美的!您的访客将如此忙碌,欣赏漫画中的微妙美景,即他们不会对自己所说的内容进行任何关注。其他字体可以让您的网站看起来很棒,而不为自己偷窃所有荣耀?

为帮助您找到您网站的正确字体,我们已收集所有最佳的Web字体和最佳Web安全字体供您浏览。

Web字体与Web安全字体:有什么区别?
-

在我们开始之前,让我们清除一点术语。您的设备上已安装的字体与您必须下载的字体之间有什么区别?一个是已知一个“Web安全字体”和另一个“Web字体”:

  • Web安全字体:也称为“系统字体”或“浏览器字体”,Web安全字体是所有设备和浏览器上安装的字体。
  • Web字体:虽然模糊,网字体请参阅所有字体不是Web安全字体,特别是商业和独立设计的字体。

所以Web安全字体是最常见的,可在Windows或Mac,Chrome或Safari上使用。然后,Web字体将是那些不那么容易获得的,通常您必须自己下载并安装它们。

最好的网络字体
插图by橘子嘘

您应该在网页设计中使用哪一个?

他们都有自己的特殊优点和缺点。

对于Web设计,这是本文重点的媒介,Web安全字体的主要优点是它们加载更快,减少了您的站点加载所需的时间。这不是一个巨大的差异,但如果你想削减每一个浪费的毫秒,他们会有所不同。

但是,Web安全字体的缺点是它们是通用的。他们没有任何独特或原创的东西 - 他们对每个人都可以提供。如果您想要风格或艺术性,您必须使用另一个Web字体。

Web字体具有更多种类的功能;他们是一个不断添加到和扩展的字体池。您可以根据您正在寻找的内容,为您的品牌提供最佳的Web字体,或者您可以从字体集线器在线在线许可。当然,他们的主要优势是原创性。如果您想要一个脱颖而出的字体,Web安全字体不会削减它。

如果您在决定时遇到困难,那么这个有用的流程图大卫吉尔伯顿在哈克松(请记住,他使用“系统字体”表示“Web安全字体”)。

流程图解释何时使用Web字体以及何时使用Web安全字体
通过骚扰

个人字体审美如何?

但决定最好的网络字体和最好的网络安全字体不是您唯一的决定。你也有决定什么样的排版风格适合您的品牌和网站的功能。不同的字体对于长长的文本块而言,比引起抓住头条新闻更好,无论是如何影响你的品牌感知。

在本指南中,我们将它们全部分为三类基于字体审美:Serifs,Sans Serifs和装饰性。对于那些不知道的人来说,Serifs是那些小标签或“标志”,有时会出现在字母的目的。我们将解释下面的各个建议使用情况,以及如何反映您的品牌标识。

了解如何在我们深入的网站中选择正确的排版指南选择网页设计字体

何时使用Web设计中的Serif字体
-

Serifs在排版中具有悠久的历史。但是,如果您正在寻找网站的字体,您需要知道的就是这样:Serifs落在频谱的“严重”一侧。这使得它们非常适合专业和正式的品牌,但友好和休闲品牌有点违反,除非它们相应地定制。

无论您是搜索最佳的Web字体还是Web安全字体,Serifs都适用于想要传达权限,精致和课程的品牌。他们的历史古典上诉,所以他们与想要的长时间或想要的品牌都很好出现那样。权衡是,Serif字体可以被视为严重,也许过于正式,因此如果您使用的是,它必须与您的品牌价值观合作,以避免疏远目标受众。

值得注意的是,Serif字体对可读性很好,这就是为什么他们是身体文本,标题和副标题的常见选择。这并不是说Sans Serif字体对可读性不好;他们对长期的文本工作完全良好。但是有一个原因是为什么高端出版物这样的原因纽约时报波士顿地球仍然使用Serif Web Fonts进行数字文章。而且,不是巧合,这两份报纸都倾向于“正式”和“古典”的品牌款式,同时推广长形文本。

Serifs的尺寸和风格也至关重要。大型和Garish Serifs将使您的字体变得更加敏感,并且极端情况看起来更加华丽和专业。同样,如果您正在寻找“严重”和“乐趣”之间的中间地面,那么较小的丝绸和微小的Serif是非常理想的。

具有Seri​​fs的最佳Web安全字体:

Baskerville的字体样本
寒亚的字体样本
Font Samper for Courier
迪特的字体样本
Garamond的字体样本
Font Mater on Cimes New Roman

具有Seri​​fs的最佳Web字体:

服装的字体样本
通过拉丁型。下载它
字体样本用于argesta
Atipo Foundry。下载它
font bogart样本
通过Zetafonts。下载它
字体样本为赋予
由工艺供应有限公司下载它
Juana的字体样本。
通过拉丁型。下载它
MAIAH的字体样本。
通过Creativetacos。下载它

何时使用Web设计中的SAN SERIF字体
-

SANS Serif字体与Serif字体完全相反,无论是形式还是它们如何跨越观察者。在这种情况下SAN.字面意思是“没有”,所以SAN SERIF字体都是没有束浆丝的所有字体。

正如您可以想象的那样,Sans Serif字体更随意和无忧无虑。他们不会像Serif字体一样穿上空气。SANS Serifs是友好对话和非正式信息的字体,让人想起简单的笔迹。它们设计用于速度和简单性,也许以装饰的成本为设计。

Sans Serif字体最适合想要展示他们的访客的网站,“我们就像你一样”。他们是随意且随便的,非常适合教育材料和数字出版物或博客。如果您在您的写作中进行了很多笑话或使用Emojis,则SAN SERIF字体理论上是最合适的。

出于同样的原因,SAN SERIF字体是非正式和互补文本的首选:图像字幕,社交媒体帖子,否则,免责声明和网络广告。Sans serif fonts work better in text when reading is done quickly and without urgency, so it’s vital to understand how your target audience consumes the type of content you’re wanting to create before choosing whether it could be the best web font (or web safe font) for you.

最好的Sans Serif Web安全字体:

ARIAL的字体样本
Calibri的字体样本
Dejavu Sans的字体样本
日内瓦的字体样本
Helvetica的字体样本

最好的Sans Serif Web字体:

Font Sample for Devant Pro
通过Webhance Studio。下载它
Font For Grafton样本
由Zeune型铸造。下载它
IBM Plex Sans的字体样本
由Mike Abbink&Bold Monday。下载它
italico的字体样本
由Antonio Filigno。下载它
Font Monolith样本
由UNIO。下载它
TT Norms Pro的字体示例
键型。下载它

何时在网页设计中使用装饰字体
-

最后,我们有装饰性字体,可以是Serifs或Sans Serif字体。它们也可以是标题和标题的最佳Web字体或Web安全字体。装饰字体设计奢华;他们的意思是成为艺术或风格,更加强调他们看起来的看起来比他们所说的看法。虽然大多数排版专为功能而设计,但这些字体旨在成为奇观。

装饰字体作为亮点和装饰品,例如,头条新闻,突出显示的报价或文章标题。他们是蛋糕顶部的樱桃,所以谨慎使用和戏剧性的效果。他们增加了个性,幽默和创造力,只是不要过度。想想它喜欢将盐添加到烹饪中,避免压倒你的观众的味觉。这意味着它们不会用于长块文本或图像标题。它们既不是您的品牌联系信息也不是您的页脚导航中的副本。

因为他们可以适应所有风格和个性,装饰网字体可以与简单的Serif或Sans Serif字体相结合。但永远不要为外表牺牲粘性。直到读者无法制定他们所谓的话,装饰字体只是有趣。

最好的装饰Web安全字体:

布拉德利手字体
刷脚本MT字体
铜板字体
luminari字体
摩纳哥字体

最好的装饰网字体:

Admara的字体样本
法拉斯。下载它
丹尼尔签名的字体样本
由罗德梅。下载它
font upologic的样本
通过Krefolk。下载它
Warton的字体样本
由塞尔达韦。下载它
奇迹夜的字体样本
由Artefak项目。下载它

或者你只能使用漫画家
-

为您的网站选择Web字体是一个重要的决定,塑造了访问者如何使用您的网站以及他们如何感知您的品牌。在您的网页设计中是独一无二的,获得权限,通常会找到最好的Web字体,而不是最好的Web安全字体。在正确的位置应用右边的字体会影响哪些元素首先看到的,并且当使用战略性地使用时可以增加转换,现场时间和许多其他业务目标。

如果这个决定似乎太多,你总是只需使用漫画家。毕竟,当你走在众神之中时,你有什么用凡人?

需要帮助设计您的网站?
我们才华横溢的设计师社区在这里提供帮助。