适用于WordPress网站的50多种现代字体

创建WordPress网站时,您需要准备好所有合适的工具才能产生有效的影响。这包括大量现代字体

但是,您的WordPress主题可能没有您需要选择的HTML字体。或者,您可能对为您选择的那些不满意。

由于这些因素,能够安装一些自定义字体是必不可少的。我们今天将在这里讨论各种字体选项。但首先,让我们把技术性的东西放在一边。

  1. 什么真正使字体现代?
  2. 如何将下载的字体上传到WordPress
  3. 2022年最流行的56种现代字体

什么真正使字体现代?

现代字体一点也不新鲜。这种风格最初是在18世纪发展起来的。尽管如此,他们的设计在现代世界中仍然具有相关性。事实上,你可以在任何地方看到它们。

那么,现代字体是什么样子的呢?

现代字体清晰、时尚、大胆、专业和时尚。它们也通常是无衬线字体(但并非总是如此),有时也属于草书字体类别。它们的设计立即与众不同,并且经常用于标题和徽标中。他们可以明显地具有企业精神,但不会咄咄逼人。相反,他们很大胆,需要关注。

这是使用现代字体的作品集网站的示例。

注意到它是多么的紧凑和狭窄吗?

chriswilhitedesign.com

chriswilhitedesign.com

当然,这些都是一般性的。现代排版已经发展,您通常也可以找到更多风格的例子。但希望这能让您大致了解什么是现代字体(以及您可能想要使用的原因)。

如何将下载的字体上传到WordPress

从网络下载的自定义字体需要一些额外的工作才能运行,因为您不能像Google Fonts这样的在线服务一样导入它们。相反,您需要手动上传字体或使用插件来完成这项工作。

但是在您进行任何上传之前,您需要首先确保您的字体可以在网络上使用。我们的意思是什么?好吧,并非所有字体都是对于Web来说都是安全的,或者与所有开箱即用的网络浏览器兼容。

但这并不是什么大麻烦。只需使用免费的Webfont Generator工具将您在网上找到的任何自定义字体转换为所有网络浏览器都可读和可用的格式。

将任何字体转换为Web安全字体

将任何字体转换为Web安全字体

完成这一步也将大大有助于加速优化您的字体。然而,这还不是全部。您还应该遵循一些提示,以确保您的自定义字体不会消耗资源或不必要地减慢网站的加载时间:

  • 检查性能使用GTmetrix,监控HTTP请求的数量。如果有很多,则可能意味着您的网站使用的字体比您意识到的要多得多。我在这里谈论的是与插件和主题一起自动安装的字体(不是您手动添加的字体)。
  • 检查您的分析。在这里,您可以查看您网站上访问次数最多的字体容器格式。最常见的选择是EOT、TTF、WOFF和WOFF2。在考虑支持哪些时,这可以帮助您确定优先考虑哪些。
  • 确保字体在本地缓存。这不像你每隔一天更新一次字体。这意味着字体可以安全地缓存在常客的浏览器中。这将随着时间的推移限制HTTP请求的数量。

手动上传字体需要一些技术技能,但对于大多数网站所有者来说并非遥不可及。

  1. 下载您选择的自定义现代字体(下面有很多示例)。
  2. 保存您网站的备份(包括所有内容和数据库)和/或使用子主题进行以下更改。
  3. 将.zip格式的字体文件上传到文件夹wp-content/themes/your-theme-name/fonts。如果没有“fonts”文件夹,可新建一个,然后将您的.zip字体文件上传到那里。使用您选择的任何FTP客户端来完成此操作。
  4. 在WordPress仪表盘中,导航到外观 > 主题编辑器并访问style.css文件。您需要向此文件添加自定义代码片段。将适当的字体系列和URL添加到代码片段,然后单击更新文件
@font-face { 
font-family: YOUR FONT NAME; 
src: url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf); 
font-weight: normal; 
}

上面的代码将字体添加到您的网站。接下来,您需要告诉 WordPress 应该在哪里使用字体。为此,再次打开style.css并使用以下代码片段:

.SITE ELEMENT {
font-family: "FONT NAME", Helvetica, sans-serif; 
}

在此代码段中,您需要在更新文件之前确定要应用字体的站点的哪个方面并指定字体名称。

相反,如果您想跳过所有这些手动上传的内容,您可以使用插件将字体添加到WordPress。一个可靠的选项包括Use Any Font。顾名思义,您可以使用它将任何自定义字体上传到您的站点并将其分配给CSS元素。

2022年最流行的56种现代字体

既然您知道如何优化自定义字体并将其上传到WordPress,我们现在可以提供一个健康的现代字体列表和可供选择的选项。

1. Intro

Intro

Intro

Intro是一种标准外观的现代字体,提供粗体线条和演示文稿,可轻松用于标题或标题。该字体系列包括72种字体,从细到粗有8种不同的粗细,为您提供了大量的灵活性。

2.Komoda

Komoda

Komoda

另一个选择是Komoda。这种字体很简洁,看起来非常有趣。它全部是大写字母和无衬线字体,具有块状外观,其中每个字母的中线都很高。它的连字表明了这一点。这里是徽标的完美选择。

3. Stoked

Stoked

Stoked

Stoked是另一种全大写选择,可为标题和徽标提供独特的外观。这很有趣,同时保持清晰。它的定义特征是在每个字母上包含双线,以及给它一种模板外观的换行符。

4. Classy Marisa

Classy Marisa

Classy Marisa

Classy Marisa这种现代字体优雅而流畅,为您的徽标和标题提供更薄、更精致的字体选项。它具有非常有趣的连字、替代字形和装饰物,可为您想要共享的任何文本添加更多字符。

5. Canter

Canter

Canter

Canter是另一个不错的选择。这是一种sans serif字体,全部大写并具有压缩间距。它也有六种不同的权重,包括一个3D选项和一个带有突出阴影的选项。

6. Lucky

Lucky

Lucky

Lucky是另一种值得考虑的现代字体。这是另一种无衬线字体选择,可以很好地用作徽标或标题。它也具有明显的编辑质量,可以很容易地应用于杂志和在线出版物。

7. Zafir

Zafir

Zafir

Zafir提供了另一种值得考虑的现代字体选择。它在演示文稿中非常小。Zafir是另一个全大写选项。这是一种带有曲线和整体有趣外观的衬线字体,可以很好地用于徽标和标题。

8. Coves

Coves

Coves

或者你可以使用Coves。它有两种粗细,轻和粗,并为您的最新项目提供优雅和流线型的字体选项。也可以将它用于标准文本以及标题和标题。它真的是多用途的。

9. Azonix

Azonix

Azonix

Azonix提供了另一种现代字体选择,这次具有未来主义倾向。这是一种强调几何外观的无衬线字体。它全部是大写字母,看起来很容易用在科幻电影的片头字幕序列中。

10. Arkhip

Arkhip

Arkhip

Arkhip是另一种免费字体选择,它在保持现代设计的同时回忆起过去的时代。它使用俄罗斯排版元素来创造现代和真正新颖的东西。

11. Prime

Prime

Prime

还有另一种字体需要考虑,称为Prime。这是一种现代的无衬线字体,具有粗线条和整体未来感。它有几何角,看起来非常适合未来派或技术主题的网站。

12. Glober

Glober

Glober

Glober是另一种你应该看看的现代字体。该字体系列包括18个粗细,平均分为9个直立和9个斜体。这是一种san serif字体,易于阅读且易于应用于许多不同的情况,包括标题和正文。

13. MADE Gentle

MADE Gentle

MADE Gentle

MADE Gentle是另一种值得考虑的现代字体。它被认为是一种软衬线,灵感来自Cooper Black字体。这个大胆而圆润,看起来让人想起1970年代的旧书封面和标牌。

14.Nordic

Nordic

Nordic

Nordic既现代又经典,提供两种字体和三种重量可供选择。该设计的灵感来自挪威符文,非常适合用于标题、标题和徽标。

15. Maddac

Maddac

Maddac

Maddac字体提供一个为您的网站的时尚选择。它是粗体、块状和无衬线字体。它的设计现代而独特。每个字母与其设计的一个方面都有一个微小的角度或倾斜,为等式提供了一些风格。

16.Croc

Croc

Croc

Croc是不是很酷的字体?这是一种大胆的衬线字体,具有标志性的风格,既怀旧又保持新鲜。

17. Aqua

Aqua

Aqua

Aqua是另一种你应该看看的字体。这个具有新艺术风格的品质,使它看起来永恒。它大胆而简单,并具有装饰和连字,使其从其他类似字体中脱颖而出。

18. Manifesto

Manifesto

Manifesto

Manifesto做一个大胆的声明。这种字体的灵感来自意大利理性主义运动,并具有明显的编辑品质。将其用于标题、徽标和标题。将其用于印刷和在线设计。它在这方面确实是多才多艺的。

19. Orkney

Orkney

Orkney

Orkney是一种可爱的专业字体。字体是几何设计的,可用于多种用途。将其用于标题或徽标。将其用于标准文本。在印刷品或数字媒体中使用它。天空是这里的极限。

20. Elppa

Elppa

Elppa

Elppa具有充满未来感的外观,既迷人又多方面。字体非常小,同时也捕捉到了一种太空时代的感觉。将其用于印刷和网页设计。它适用于徽标和标题,可能不适用于正文,但对于图形等绝对有用。

21. Corn

Corn

Corn

Corn是一种有趣的字体,具有圆角和农场风格的感觉。它由14种不同的样式组成,您可以立即开始将它们用于标题、标题和徽标。如果您愿意,某些样式甚至可以用于正文。您可以使用此构建整个站点设计。

22. Koliko

Koliko

Koliko

或者您可以选择Koliko,这是一种非常有趣的字体,对各种用途具有即时吸引力。它提供三种款式,每一种都将形式和功能完美结合。

23. Quirk

Quirk

Quirk

Quirk实际上是一种非常古怪的字体。它的名字是一个不错的选择。这是一种全大写字体,包括有趣的连字和可堆叠元素。

24. Le French

Le French

Le French

Le French是一种复杂的字体选择,特别是如果您想复制那种复古的法国咖啡馆的感觉。菜单和食品相关网站的绝佳选择。也可以将其用于标题、标题、徽标和正文。

25. Munich

Munich

Munich

Munich是一种可爱的无衬线字体选择,是徽标或标题图形的绝佳选择。它屹立不倒,威风凛凛,毫无威胁。

26. Northwest

Northwest

Northwest

Northwest是一种现代风格的字体,具有复古的感觉。它让人想起竞选装备标志和户外杂志标题。凭借四四方方的衬线和装饰元素,这种字体适用于任何类型的户外主题内容。

27. Modeka

Modeka

Modeka

Modeka是四四方方的、现代的,老实说超级酷。这是一个现代的选择,可以适应以多种方式使用。通过在每个字母上添加角度,它提供了一种可能适合您的下一个项目的独特风格。

28. Disclaimer

Disclaimer

Disclaimer

Disclaimer是一种窄而粗的字体选择,非常适合各种用途。它有一种超浓缩的风格,使字母挺拔而气势磅礴。这对于标题或标题非常有用。

29. 5th Avenue

5th Avenue

5th Avenue

5th Avenue非常喜欢经典的空气,非常适合官方徽标和品牌。这是一种带有衬线的粗体字体,由于大量替代字母增加了风格和趣味,因此脱颖而出。

30. Quakiez

Quakiez

Quakiez

Quakiez是另一种现代字体选择,它为我们的列表提供了衬线选项。它的设计考虑到了奢华,但仍然保持着极简主义的元素。它有两种样式,可用于徽标、标题、标题等。

31. Modern Outdoor

Modern Outdoor

Modern Outdoor

或者您可以选择Modern Outdoor,并立即调用露营和户外活动。这种字体非常适合标题、标题和徽标,并且会对海报产生真正的影响。它需要注意力,并且在所有大写字母中都非常漂亮,进一步确保了其户外感觉。

32. Hyperbola

Hyperbola

Hyperbola

Hyperbola是圆润的和未来主义的。事实上,它看起来非常宽敞——以一种很好的方式。这种字体具有圆形计数器,同时保持整体四四方方的形状。

33. Boxing

Boxing

Boxing

Boxing字体四四方方,干净,完美的标题,标题和徽标。都是大写的,高大的,看起来很有趣。最重要的是,它非常实用,可以以无数种方式重新利用。

34.Sonder

Sonder

Sonder

Sonder是另一种多方面的字体,真的。它带有平板和无衬线字体选项。它具有多种权重以及常规和粗糙的风格。粗犷的风格在字母上有一些空隙,营造出质朴自然的外观。

35. Lombok

Lombok

Lombok

Lombok是一种非常优雅的细字体。这是一个带有几何元素的sans serif选项,使其脱颖而出并显得非常独特。它是标题、徽标和标题的理想选择。

36. Distrito

Distrito

Distrito

Distrito是一种风格独特的全大写字体。每个字母都略微倾斜,提供独特的外观,可以很好地用于徽标和标题。它也是受哥伦比亚模块化设计启发的全大写字体。

37. Ailerons

Ailerons

Ailerons

Ailerons看起来像出现在外星人标志上的字体。它很好地实现了这种美学。它是无衬线字体和全部大写,无论你把它放在哪里都会产生影响,尽管标题和标题最适合它。

38. Ethna

Ethna

Ethna

Ethna外观经典,但风格现代。这是一个受人文主义设计启发的sans serif字体系列,在结合复古和现代设计元素以创造新事物方面做得很好。这个在任何用例中都能很好地工作。

39. Noelle

Noelle

Noelle

Noelle是一种几何衬线字体,准备给人留下积极的第一印象。它的设计极简,适用于任何行业的标题和标题。它有一些复古元素,但看起来仍然很新鲜。在网上或印刷品中使用它。此外,它还带有脚本字体作为奖励。

40.Sequel

Sequel

Sequel

Sequel是一种圆形字体,非常适合徽标和标题。最重要的是,它带有一系列连字,为您用它们创建的任何东西提供风格和增加兴趣。这里的设计大胆但并不气势。

41. Higher

Higher

Higher

Higher是另一种提供经典外观的复杂字体选择。这种全大写字体非常简洁和苛刻,为您使用它的任何东西提供即时风格。

42. Nano

Nano

Nano

Nano是一种非衬线字体,具有未来派外观且全部为小写,使其成为此列表中的一个独特选项。字母本身非常现代且易于识别,使其成为徽标和其他品牌材料的绝佳选择。然而,最好使用简短的短语,因为较长的句子可能有点难以辨认。

43. Jollin

Jollin

Jollin

Jollin是一种现代字体,在某些字母上带有卷曲提示,并具有整体粗壮的外观。这种无衬线字体有常规和斜体版本,并包含各种替代字母,因此您可以根据心情使文本看起来更简单或更漂亮。

44. Phenomena

Phenomena

Phenomena

Phenomena是一种窄而块状的字体,边缘圆润。它发表声明,可轻松用于标题、徽标或标题。它具有从细到粗的7种不同样式,还提供了大量标准文本使用机会。

45.Calibre

Calibre

Calibre

Calibre是一种超级精简的字体,如果您愿意,它可以以一种很好的方式覆盖您的内容。它是一个全大写选项,还包括数字、字形和西方字符以进行很好的衡量。

46. Sundays

Sundays

Sundays

Sundays是一种衬线字体,绝对属于当今时代,但也具有不可否认的经典感觉。它比经典的类似字体更薄、更曲线,并且具有适合杂志标题和标题、网站徽标、标题等的样式。

47. Cornerstone

Cornerstone

Cornerstone

Cornerstone是另一种块状字体,它提供模块化设计,可以在从徽标到标题的许多不同应用程序中使用。

48.One Day

One Day

One Day

One Day是一种细字体,带有有趣的断开线条,使其独一无二。它是另一种具有轻薄风格的全大写字体。它包括数字和字形,感觉几何而不是太四四方方。

49. Kollektif

Kollektif

Kollektif

Kollektif是一种经典的现代字体,可以以多种方式使用。它采用几何设计,有两种重量。它还针对印刷和网络使用进行了优化。

50. Nostalgia

Nostalgia

Nostalgia

然后是Nostalgia,一种具有足够复古魅力的现代字体,让人感觉好像是几十年前创建的。它包括3种字体以及替代字形、连字和花。它将成为徽标、标题、海报或邀请的绝佳选择。

51. Elixia

Elixia

Elixia

Elixia有一种适合炼金术士巢穴的空灵外观。它是几何形状的,每个字母上都有额外的线角,提供独特的风格。

52. Salmon

Salmon

Salmon

或者你可以选择Salmon。这种无衬线字体是粗体和最小的。它非常适合标题、徽标和标题。这是一个全大写的设计,包括一个填充和轮廓的版本,可以很好地配对。

53. Thinoo

Thinoo

Thinoo

Thinoo是另一种san serif字体。它具有纤细而大胆的风格,包括所有字母样式,包括数字、符号和标点符号。它专业而干净。简单又抢眼。这适用于任何类型的网站以及印刷材料。

54.Summer Loving

Summer Loving

Summer Loving

或者您可以使用Summer Loving,这是一种超级有趣的现代字体,其中包含多种字体样式,因此您可以仅使用一种字体来创建整个设计。它带有无字体以及可以立即为您的项目添加维度的画笔细节。它还包括连字和替代字母。

55. Silverfake

Silverfake

Silverfake

Silverfake为标题、徽标、标题和印刷材料提供了一个宽间距的衬线字体选项。例如,这个作为 T 恤标志看起来很棒。

56. Vienna

Vienna

Vienna

最后是Vienna。这种现代字体是一种衬线选项,具有杂志封面上使用的经典字体的所有吸引力,并经过足够的修改以吸引当今的美学。它是最小的,包括全大写字母、数字和标点符号。

小结

您可能希望在WordPress网站上使用自定义字体的原因有很多。无论您是想更好地适应您的品牌还是让您的内容在所有浏览器中都更具可读性,上传您自己的现代风格字体都是值得的。

即便如此,这个过程起初可能看起来令人生畏。您必须找到一种字体,下载它,将其放入.zip文件中,然后使用FTP客户端将其上传到您网站上的正确目录。您需要将代码片段粘贴到主题CSS文件的适当区域。您可以选择手动或通过使用插件(或者您可以聘请开发人员)来执行此操作。

但是,无论您如何处理此过程,您都可以放心,最终结果将是时尚的,并为您网站的整体外观增添特色。希望我们在这里策划的这组现代字体将帮助您找到适合您的WordPress网站的字体。无论是粗的还是细的,圆润的还是粗糙的,点缀的还是素色的,您选择的字体都会产生影响!