17713433920 info@mac163.com

如何在WordPress中添加自定义字体

你想在WordPress中添加自定义字体吗?自定义字体可以帮助您梳理主题并脱颖而出。在本文中,我们将向您展示如何使用Google Fonts,TypeKit和CSS3 @ Font-Face方法在WordPress中添加自定义字体。

在WordPress主题中使用自定义字体已成为一种常见趋势。事实上,有些主题完全加载了数百种自定义字体。但是,加载太多字体会降低您的网站速度。这就是为什么我们将向您展示如何正确加载自定义字体,因此它不会减慢您的网站速度。

但在我们看看如何在WordPress中添加自定义字体之前,让我们先看看自定义字体。

如何查找要在WordPress中使用的自定义字体

如何查找要在WordPress中使用的自定义字体

如何查找要在WordPress中使用的自定义字体

字体曾经是昂贵的,但不再是。有许多地方可以找到很棒的免费网络字体,例如Google FontsTypekitFontSquirrelfonts.com

如果您不知道如何混合和匹配字体,请尝试字体对。它可以帮助设计师将漂亮的Google字体配对。

在选择字体时,请记住使用太多自定义字体会降低您的网站速度。这就是为什么你应该选择两种字体并在整个设计中使用它们。这也将为您的设计带来一致性。

从Google字体在WordPress中添加自定义字体

从Google字体在WordPress中添加自定义字体

从Google字体在WordPress中添加自定义字体

Google字体是网站开发人员中最大,免费且最常用的字体库。您可以通过多种方式在WordPress中添加和使用Google字体。

方法1:使用简单的Google字体插件添加自定义字体

如果您想在自己的网站上添加和使用Google字体,那么这种方法对于初学者来说是最简单的方法。

您需要做的第一件事是安装并激活Easy Google Fonts插件。有关更多详细信息,请参阅有关如何安装WordPress插件的分步指南。

激活后,您可以转到外观»自定义程序页面。这将打开实时主题定制器界面,您将在其中看到新的排版部分。

单击“排版”,您将显示网站的不同部分,您可以在其中应用Google字体。单击要编辑的部分下方的“编辑字体”。

 

在字体系列部分下,您可以选择要在网站上使用的任何Google字体。您还可以选择字体样式,字体大小,填充,边距等。

根据您的主题,此处的部分数量可能会受到限制,您可能无法直接更改网站的许多不同区域的字体选择。

要解决此问题,该插件还允许您创建自己的控件并使用它们来更改网站上的字体。

首先,您需要访问设置»Google字体页面,并为您的字体控件提供名称。使用可帮助您快速了解将使用此字体控件的位置。

 

单击“创建字体控件”按钮,然后将要求您输入CSS选择器。您可以添加要定位的HTML元素(例如,h1,h2,p,blockquote)或使用CSS类。您可以使用Inspect工具查找要更改的特定区域使用的CSS类。

 

现在点击“保存字体控件”按钮来存储您的设置。您可以根据需要为网站的不同部分创建尽可能多的字体控制器。

要使用这些字体控制器,您需要转到Appearance»Customizer并单击Typography选项卡。

在排版下,您现在还可以看到“主题排版”选项。单击它将显示您之前创建的自定义字体控件。您现在只需单击编辑按钮即可选择此控件的字体和外观。

 

不要忘记单击“保存”或“发布”按钮以保存更改。


微信二维码

扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答:WP主题推荐,WP网站建设,Google SEO,百度SEO,专业服务器环境搭建


需要提供WordPress主题/插件的汉化服务可以随时联系我们!另外成品WordPress网站以及半成品WordPress网站建设,海外Google SEO优化托管服务,百度SEO优化托管服务,Centos/Debian服务器WP专用环境搭建,WP缓存服务器搭建,我们都是你的首选,拥有多年WP开源程序服务经验,我们一直在坚持客户体验,没有最好,只有更好!
Mac163网站建设,需要帮助点击我!
QQ客服
  • 在线客户 点击这里给我发消息
旺旺在线
  • 淘宝旺旺 点这里给我发消息
电子邮箱
  • 联系邮箱
微信客户
  • 扫一扫,加好友
关闭搜索

购物车

回到顶部