使用技巧

2020年将在WordPress网站上使用50多种现代字体

创建WordPress网站时,您需要具备所有合适的工具才能产生有效的影响。其中包括许多现代字体!

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

由于这些因素,必须安装一些自定义字体。今天我们将在这里讨论各种字体选项。但是首先,让我们摆脱技术上的麻烦。

真正使字体现代的是什么?

现代字体一点也不陌生。该风格最初是在18世纪开发的。尽管如此,它们的设计在现代世界中仍然具有重要意义。实际上,您到处都可以看到它们。

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

现代字体清晰,时尚,大胆,专业且时尚。它们也经常是无衬线字体(但并非总是如此)。它们的设计立即与众不同,并且经常用在标题和徽标中。他们可以明显是公司,但不能侵略。相反,它们大胆,需要引起注意。

这是使用现代字体的投资组合网站的示例。

请注意它是如何压缩和缩小的?

克里斯·威尔希特

chriswilhitedesign.com

当然,这些是普遍性。现代印刷术已经发展,您经常也可以找到更多的文体示例。但是希望,这可以使您大致了解什么是现代字体(以及为什么要使用一种字体)。

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

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

但这并不是一个大麻烦。只需使用免费的Webfont Generator工具将您在线找到的任何自定义字体转换为所有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:您的字体名称;
src:url(http://sitename.com/wp-content/themes/themename/fonts/font-name.ttf);
font-weight:正常;
}

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

.SITE ELEMENT {
字体家族:“字体名称”,Helvetica,无衬线;
}

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

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

2020年使用的57种最现代字体

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

1.简介

现代字体:简介

介绍

Intro是一种外观标准的现代字体,提供粗体线条和表示形式,可以轻松地用于标题或标题。该字体家族包括72种字体,从细到粗都有8种不同的粗细,从而为您提供了极大的灵活性。

2.五斗柜

现代字体:科莫达

五斗柜

另一个选择是科莫达。这种字体浓缩,看起来超级有趣。所有字母都是大写字母,无衬线字体,每个字母的中线都抬高。其连字说明。这里是徽标的完美选择。

3.炒

现代字体:

ok

Stoked是另一个全大写的选择,它为标题和徽标提供了独特的外观。同时保持清晰有趣。它的主要特征是在每个字母上都包含双行,以及换行符使它看起来像是模版外观。

4.优雅的玛丽莎

优雅的玛丽莎

玛丽莎

还有Classy Marisa。这种现代字体优雅流畅,为徽标和标题提供了更细,更精致的字体选项。它具有真正有趣的连字,替代字形和装饰,可为您要共享的任何文本增加更多的个性。

5.慢跑

慢跑

慢跑

坎特是另一个不错的选择。这是一种无衬线字体,具有所有大写字母并具有紧凑的间距。它还具有六种不同的权重,包括3D选项和一种带有突出阴影的选项。

6.幸运

幸运

幸运

幸运是另一种值得考虑的现代字体。这是另一个无衬线选项,可以很好地用作徽标或标头。它还具有明显的编辑质量,可以轻松地应用于杂志和在线出版物。

7.扎菲尔

现代字体:zafir

扎菲尔

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

8.海湾

海湾

或者您可以使用Coves。它带有两个粗体,即浅色和粗体,并为您的最新项目提供了优雅,流线型的字体选项。也可将其用于标准文本以及标题和标题。这确实是多用途的。

9. Azonix

阿佐尼克斯

阿佐尼

Azonix提供了另一种现代字体选择,这次具有未来派风格。这是一种强调几何外观的无衬线字体。所有这些都是上限,很容易看起来像可以在科幻电影的开片时间序列中使用。

10.方舟

hip

方舟

Arkhip是另一种免费字体选择,可在保持现代风格的同时回溯过去的时代。它使用俄罗斯的版式元素来创造一些现代而真正的新东西。

11.长崎

现代字体:长崎

长崎

您可能还需要考虑长崎。这种超粗体,粗大和压缩的字体让人眼前一亮,让人回想起1950年代至1960年代的版式。它是社论,非常适合徽标和大胆的声明标题。

12.素数

现代字体:质数

主要

还可以考虑使用另一种称为Prime的字体。这是一种现代的sans serif字体,具有粗体线条,具有整体的未来派外观。它具有几何角,看起来非常适合未来派或技术主题的网站。

13. Glober

地球仪

地球仪

Glober是您应该看看的另一种现代字体。该字体家族包括18个粗细,平均分为9个立柱和9个斜体。这是一种San Serif字体,易于阅读,可以轻松应用于多种不同的情况,包括标题和正文。

使用WordPress,我们的流量增长了1,187%。
我们将向您展示如何。

加入20,000多个其他人,他们每周都会收到有关WordPress内部技巧的新闻!

现在订阅

成功!感谢您的订阅

您将在一周内收到下一期的Kinsta新闻通讯。

订阅Kinsta新闻通讯

订阅

我同意条款和条件以及隐私政策

14.温柔的

变得温柔

柔和的

MADE Gentle是另一个值得考虑的现代字体。它被认为是软衬线,并受Cooper Black字体的启发。这是一个大胆但圆润的外观,看起来让人联想起1970年代的旧书封面和标牌。

15.北欧

北欧的

北欧风

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

16. Maddac

现代字体:maddac

Maddac

Maddac字体为您的网站提供了一种时尚的选择。它大胆,块状且无衬线。它设计新颖,执行力独特。每个字母相对于其设计的一个角度都略有倾斜或倾斜,为方程式提供了一些样式。

17.鳄鱼

鳄鱼

鳄鱼

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

18.水色

现代字体:浅绿色

水色

Aqua是您应该看看的另一种字体。这是一种具有新艺术风格的品质,使其显得永恒。它大胆而简单,并具有点缀和连字,使其在其他类似字体中脱颖而出。

19.宣言

宣言

宣言

用宣言大胆地声明。该字体的灵感来自意大利理性主义运动,并具有绝对的编辑质量。将其用于标题,徽标和标题。使用它进行印刷和在线设计。通过这种方式,它确实是多功能的。

20.奥克尼

奥克尼

奥克尼

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

21.呼吸

呼吸

呼吸

埃尔帕(Elppa)具有迷人和多面的未来主义外观。字体非常小巧,同时还可以捕捉到太空时代的感觉。使用它进行印刷和网页设计。它适用于徽标和标题,可能不是正文,但对于图形等绝对有用。

22.玉米

玉米

玉米

玉米是一种有趣的字体,具有圆角和农场风格的感觉。它包含14种不同的样式,您可以立即将它们用于标题,标题和徽标。如果需要,某些样式甚至可以用于正文。您可以使用此网站构建整个网站设计。

23.多少

多少

多少

或者,您可以选择Koliko,这是一种非常有趣的字体,可立即用于多种用途。它具有三种样式,每种样式都完美地结合了形式和功能。

24.古怪

现代字体:古怪

怪癖

怪癖实际上是一种看起来很怪异的字体。它的名字是一个不错的选择。这是一种全大写字体,包括有趣的连字和可堆叠元素。

25. Le French

le french

Le French

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

26.慕尼黑

慕尼黑

慕尼黑

慕尼黑是一个不错的sans serif字体选择,它是徽标或标题图形的绝佳选择。它高高耸立,没有威胁。

27.西北

西北

西北

Northwest是具有复古感的现代风格字体。它让人联想到运动装备的徽标和户外杂志的标题。带有宽大的衬线和装饰元素,此字体可以很好地适用于任何户外主题内容。

28.摩德卡

摩德卡

摩德卡

摩德卡(Modeka)具有方形感和现代感,说实话超级酷。这是一个现代选择,可以通过多种方式进行使用。通过在每个字母上增加角度,它提供了可能恰好适合您的下一个项目的独特样式。

29.免责声明

免责声明

免责声明

免责声明是一种狭窄且粗体的字体选择,非常适合多种用途。它具有超浓缩的风格,使字母显得高大气势。这对于标题或标题非常有用。

30.第五大道

第五大道

第五大道

第5大街充满古典气息,非常适合官方徽标和品牌。这是一种带有衬线的粗体字体,这要归功于大量其他替代字母,它们增加了样式和趣味性。

31. Quakiez

现代字体:quakiez

Quakiez

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

32.现代户外

现代户外

现代户外

或者,您可以选择“现代户外”,然后立即进行露营和户外活动。这种字体非常适合标题,标题和徽标,并且可以在海报上产生真实的影响。它需要引起注意,所有帽子都漂亮地坐着,进一步确保了其户外感觉。

33.双曲线

现代字体:双曲线

Hyperbola is rounded and futuristic. In fact, it looks positively spacey — in a good way. This font has rounded counters while maintaining an overall boxy shape.

34. Boxing

boxing

Boxing

The Boxing font is boxy and clean, perfect for headers, titles, and logos. It’s all caps, tall, and interesting to look. Best of all, it’s extremely functional and can be repurposed in an innumerable number of ways.

35. Sonder

没有

Sonder

Sonder is another multifaceted font, truly. It comes with a slab and sans serif font option. It comes with multiple weights as well as a regular and rough style. The rough style features some gaps in the letters, creating a rustic and natural look.

36. Lombok

龙目岛

Lombok

龙目岛(Lombok)是一种非常优雅的薄字体。这是一个带有几何元素的无衬线选项,使其脱颖而出并显得非常独特。它是标题,徽标和标题的理想选择。

厌倦了主机缓慢?Kinsta的构建考虑了速度和性能。查看我们的计划

37.区

区

Distrito是一种全大写字体,具有独特的样式。每个字母都略微倾斜,提供独特的外观,可以很好地转换以用于徽标和标头。这也是一种全大写字体,灵感来自哥伦比亚模块化设计。

38.副翼

鳍片

副翼

副翼看起来像外星人标牌上显示的字体。它很好地实现了这种美学。它是无衬线字体和所有大写字母,无论放在何处都可以产生影响,尽管标题和标头最适合。

39.埃斯纳

现代字体:ethna

埃斯纳

Ethna具有经典外观,但具有现代风格。这是一个无衬线字体字体家族,受到人本主义设计的启发,并且很好地结合了复古和现代设计元素,创造出了新颖的作品。这在任何用例中都适用。

40.诺埃尔

诺埃尔

诺埃尔

Noelle是一种几何衬线字体,有望给人留下良好的第一印象。它的设计极简,非常适合任何行业的标题和标题。它具有一些复古元素,但看起来仍然很新鲜。在线或打印使用。另外,它附带脚本字体作为奖励。

41.续集

续集

续集

Sequel是一种圆角字体,非常适合徽标和标题。最重要的是,它带有大量的连字,这些连字可为您使用它们创建的任何内容提供样式并增添兴趣。这里的设计是大胆的,但不是强加的。

42.更高

更高

较高的字体是另一个精致的字体选择,具有经典的外观。这全大写字体是超级压缩和苛刻的,可为您使用的任何字体提供即时样式。

43.纳米

纳米

奈米

Nano是一种非衬线字体,具有未来派外观,并且全部为小写字母,使其成为此列表中的唯一选项。字母本身具有超现代感和可识别性,是徽标和其他品牌材料的理想选择。最好是简短的短语,因为较长的句子可能有点难以理解。

44.乔林

我是

乔林

Jollin是一种现代字体,在某些字母上带有卷曲提示,并具有全面的矮胖外观。该sans serif字体有常规和斜体版本,并包含各种替代字母,因此您可以根据自己的心情使文本看起来更简单或更漂亮。

45.现象

现象

现象

现象是一种狭窄且块状的字体,带有圆角的边缘。它可以声明,可以轻松地用于标题,徽标或标题。它具有7种不同的样式,从稀薄到粗体,还提供了许多标准的文本使用机会。

46.量规

口径

口径

Calibre是一种超级压缩字体,如果您允许的话,它可以高耸于您的内容上-很好。这是一个全大写的选项,其中还包括数字,字形和西方字符,以便很好地进行度量。

47.周日

周日

周日

Sundays是一种衬线字体,无疑是当今时代,但它具有经典的感觉,这是不可否认的。它比经典的类似字体更细,更弯曲,并且具有适合杂志标题和标题,网站徽标,标题等的样式。

48.基石

基石

基石

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

49.一天

一天

一天

一天是一种细字体,带有有趣的断开线,使它独特。它是又轻又薄的全大写字体。它包含数字和字形,并且感觉到几何形状而不会过于四四方方。

50.集体

集体

集体

Kollektif是一种经典的现代字体,可以广泛使用。它是几何形状的设计,有两个重量。它还针对打印和网络使用进行了优化。

51.怀旧

现代字体:怀旧

怀旧

然后是Nostalgia,它是一种现代字体,具有足够的复古魅力,使其看起来好像是几十年前创建的。它包括3种字体以及其他字形,连字和花。这将是徽标,标题,海报或邀请的绝佳选择。

52. lix

eli

lix

Elixia的气质酷似炼金术士的巢穴。它是几何形状,每个字母上都包含额外的线角,可提供独特的样式。

53.三文鱼

三文鱼

三文鱼

或者您可以选择鲑鱼。该无衬线字体是粗体和最小的。非常适合标题,徽标和标题。它是全大写设计,并且包含填充和轮廓版本,它们也可以很好地配对。

54. Thinoo

oo

oo

Thinoo是另一种San Serif字体。它具有轻薄而大胆的样式,并包括所有字母样式,包括数字,符号和标点符号。这是专业和干净的。简单却引人注目。这对于任何类型的网站以及印刷材料都适用。

55.夏天的爱

夏天喜欢

夏天的爱

或者,您可以使用Summer Loving,这是一种非常有趣的现代字体,其中包括多种字体样式,因此您可以仅使用一种字体来创建整个设计。它带有sans字体和画笔细节,可立即为您的项目增加尺寸。它也包括连字和替代字母。

56.银假

银假

银假

Silverfake为标题,徽标,标头和印刷材料提供了一种广泛使用的衬线字体选项。例如,这件衣服看起来像T恤徽标。

57.维也纳

维也纳

维也纳

最后是维也纳。这种现代字体是衬线选项,具有杂志封面上使用的经典字体的所有吸引力,并进行了充分的修改以吸引当今的审美。它是最小的,包括全大写字母,数字和标点符号。

如果现代字体正是WordPress网站所需的📝,您将需要查看本指南中的50多个新鲜选项。单击以发布
摘要 

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

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

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

如果您喜欢这篇文章,那么您会喜欢Kinsta的WordPress托管平台。加速您的网站并获得我们经验丰富的WordPress团队的24/7支持。我们基于Google Cloud的基础架构专注于自动扩展,性能和安全性。让我们向您展示Kinsta的与众不同!查看我们的计划