in

2023年最佳网站字体搭配

一个出色的网站设计有很多要素。但我们经常看到人们忽视细节,比如字体。

我们知道你们中有些人可能会想,一个网站的字体有多重要呢?

信不信由你,选择合适的字体之类的简单事情可以对转化产生重大影响。此外,网站字体还影响你网站的整体外观。

现在,你可能不会在一个网站上看到并想:“哇!我绝对喜欢这个字体!”

我们的大脑并没有受过这种训练,我们也不指望你找到一个能让你的网站访客“惊叹”的字体。但是,我们可以保证你可能会在某些网站上看到过字体是普通、不吸引人、难以阅读或感觉不合时宜的情况。显然,你不希望人们对你的网站有这样的印象。

你的网站字体为什么重要

请考虑以下事情:不同的网站字体可能会改变读者对特定主题的看法。

errol morris在2012年发表在《纽约时报》上的一篇文章中进行了一项调查。他引用了一本书中的一段话,声称我们生活在一个前所未有的安全时代,并在这段话后提出了两个问题:

  • 这个说法是真实的吗?(是或否)
  • 你对答案有多有信心?(稍微、适度、非常)
  • 结果表明,morris并不在乎任何人的意见。他只是想知道字体是否能影响他们的答案。四万人在不知情的情况下参与了这个实验。尽管每个人都阅读了相同的段落,但他们并没有以相同的排版方式看到它。

    看看这些结果。

    这张图显示了所有同意第一个问题的受访者。morris根据第二个问题中的信心水平为每个回答分配了加权值。

    通过这样做,很明显,根据他们所呈现的字体,人们在同意所提出的主张方面的信心也存在差异。现在让我们来看看对段落表示不同意见的受访者的结果。

    比较一下这两个图表。你注意到任何相似之处吗?

    正如你所看到的,baskerville字体在加权同意度方面排名最高,而在加权不同意度方面排名最低。comic sans字体在加权同意度方面排名最低,在加权不同意度方面排名最高。

    基于这些数据,morris得出结论,字体可以影响人们对信息的认知方式。基本上,字体实际上可以影响你的网站的可信度。

    简而言之,是的,网站字体很重要。

    2023年最佳谷歌字体搭配

    你不希望在网站的各个地方都使用相同的字体,那样太无聊了。试试混搭吧!但一定要选出搭配得好的字体。我们创建了这个指南,帮助你做到这一点。

    有很多寻找免费字体的平台,但我们最喜欢的是谷歌字体。我们确定了2023年最佳的谷歌字体搭配。所以看看我们的列表,挑选出最适合你的网站的组合。

    open sans和roboto

    此截图的标题是open sans半粗体。下面的段落是roboto常规体。我们认为半粗体的标题比open sans的常规字重更有冲击力,但如果您选择该选项也是可以的。

    这些字体之所以能很好地搭配在一起,是因为它们都清晰易读。

    您在网站设计中有很多不同的选择。这种组合可以用于传达主页上的价值主张。使用open sans标题作为重点,然后使用roboto详细阐述主题。

    如果将它们交换使用,这些字体也可以很好地搭配在一起。您可以将roboto用作标题,open sans用于段落。在这种情况下,我们建议选择roboto中等字重和open sans常规体。

    playfair display和montserrat

    这种字体组合最适合网站上的短文本。我们不会将其用于博客文章或类似的内容。

    然而,这种配对对于产品标题和产品描述非常完美,尤其适用于时尚行业的电子商务店铺。像montserrat light这样的较轻字重使文本具有一定的优雅感,与奢侈品牌的形象相符。

    有趣的是,如果将两者交换位置,并使用montserrat作为标题,人物形象会变得 futurist 或 techy。这种组合对于一些正在推广游戏的人或者在下载手机游戏应用的落地页上都可以很好地发挥作用。

    无论如何,这两种字体都能很好地搭配。这取决于您网站的主题和整体信息。

    lora和alegreya

    lora粗体字强大而易读,这正是它适用于标题页的原因。尽管这种排版很有力量,但仍然友好和引人入胜。

    alegreya常规体很好地补充了lora,特别是用于图像的字幕。

    虽然alegreya的可读性确实不错,但长时间阅读可能会有一些困难,因此最好将其用于字幕或快速描述这样的短文本。我们不建议尝试使用其他变体的alegreya。给这种字体增加字重或倾斜会降低其可读性。

    现在,如果交换它们的位置,alegreya粗体适用于标题和页眉文字。lora常规体易读,所以可以考虑将其用于较长的文本。我们认为这种组合非常适合像客户证言或简短案例研究之类的内容。

    merriweather和lato

    merriweather细体和lato常规体是一种非常干净和专业的组合。

    这是一个受欢迎的选择,因为选项非常多样化。merriweather细体现代、得体且吸引人。当后面跟着lato的文本时,这种组合会给人一种可信赖的感觉。

    我建议在主页上使用这种组合。对于那些需要滚动以获取更多信息的设计,这种文本组合非常合适。

    我们设想一个网站访客在主页上向下滚动,左侧是一张图片,右侧是这种字体组合。当他们继续滚动时,下一张图片将在右侧,文字将在左侧。

    如果这听起来像是你目前的设计,那么一定要考虑使用这个组合来给你的内容增添一丝专业感。

    amatic sc和josefin slab

    amatic sc粗体和josefin slab斜体的字体组合绝对不适合每个人。我不能说我会推荐它给大多数网站,但对于艺术类网站来说,这是一个理想的组合。如果你是音乐家、画家或摄影师,这些字体可以在你的页面上适度使用。

    关键是要确保文本有足够的空间呼吸。我们建议在白色或非常浅的背景下使用它。所以也请查看我们关于2023年热门网站配色方案的帖子。

    如果你销售陶瓷或雕塑,这种字体可能对你的受众非常吸引,并与你的企业整体主题相吻合。

    只要确保不要过火。屏幕上使用太多这种字体是令人讨厌且难以阅读的。所以在较长的文本块(例如传记或关于我的页面)中选择其他字体。

    cinzel和raleway

    cinzel是一种粗体字体(非双关语)。它是所有大写字母,更适合短文本而不是长篇博客文章或类似内容。

    它与一种更传统的字体raleway非常搭配。这两种字体非常适合食品和饮料行业的网站。

    你可以考虑使用它来提升你的在线菜单。将菜单类别使用cinzel黑体,菜品标题使用cinzel粗体,菜品描述使用raleway常规体。

    如果你真的想独特一点,你可以互换两者的使用,将raleway用于标题,将cinzel用于正文。这对于每天更新特价或每周煮法的当地咖啡店可能会很好。

    pt sans narrow和pt sans

    pt sans narrow和pt sans是经典的组合。这种多用途的选择在2023年几乎适用于任何网站。

    由于这两种字体非常易读,你可以将它们用于短文本以及博客文章等长篇内容。

    我喜欢这些字体,因为它们易于阅读,但又不太普通和无聊。pt sans narrow和pt sans很有吸引力,所以考虑在首页和落地页上使用它们。

    如何选择最佳网站字体

    现在你已经看到了2023年最佳google字体组合的一些例子,你如何决定哪种字体最适合你的网站呢?

    首先,你需要确定字体将用于哪种类型的内容。确定字体是否用于博客、主页、落地页、产品描述或导航菜单。

    你还需要考虑你的业务类型以及你的目标受众。字体需要专业吗?还是你有一些独特的空间可以发挥?

    将两种字体配对的关键是对比。字体应该足够不同,以使每种字体都可辨认,但又不要太不同以分散读者的注意力。

    你可能想在你的网站上使用几种字体组合,但不要过度。保持简单。每个页面应该只有两种字体,最多三种。如果你想使用更多,考虑使用页面上已有字体的变体(如轻体、斜体、中等体、粗体等)。

    结论

    字体很重要,因此是时候摆脱默认字体了。google fonts是免费网站字体的最佳资源之一。该平台拥有一些最受欢迎的网站字体。

    我们试图为每个人提供一点点东西。请记住,这些字体并不适用于每个网站。因此,请查看这些字体,看哪些字体最适合您的业务、行业、受众和主题。如果没有合适的,不要担心。回到起点,看看google fonts提供的其他字体。

    Written by