快速搜索

WordPress建站知识:如何在WordPress中添加自定义字体

浏览数量: 112     作者: 本站编辑     发布时间: 2023-08-07      来源: 本站

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

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

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

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

字体曾经是昂贵的,但不再是。有许多地方可以找到很棒的免费网络字体,例如Google Fonts,Typekit,FontSquirrel和fonts.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选项卡。

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