如何更改 WordPress 主题中的字体(5 种简单方法)

你是否希望将 WordPress 主题的字体更改为不同的字体?

你的网站文本字体在你网站的设计和品牌标识中起着重要作用。 它可以提高你内容的可读性,并使你的网站看起来现代而专业。

在本文中,我们将向你展示如何使用 5 种不同的方式在 WordPress 中更改字体,以便我们可以轻松地使用无代码方法更改字体,或者在不使用任何插件的情况下更改 WordPress 字体。

如何在WordPress中更改字体

为什么要更改 WordPress 网站上的字体?

字体是你网站设计的重要组成部分,对你的 WordPress 网站的外观和感觉产生巨大影响。

假如你的网站字体难以阅读,那么就很难留住访问者,他们最终会放弃你的网站。

字体还显示你的品牌标识。 例如,我们可以使用特定字体使你的网站看起来更专业或更随意。

WordPress 主题带有你网站的默认字体、字体大小和字体颜色。 但是,你可能希望将默认字体更改为不同的字体。

也就是说,有几种方法可以更改 WordPress 中的字体。 我们将向你展示几种不同的方法。 我们可以单击下面的链接跳转到任何部分。

  • 在 WordPress 主题定制器中更改字体
  • 在 WordPress 完整站点编辑器中更改字体
  • 使用 WordPress 插件更改 WordPress 字体
  • 使用 WordPress 主题生成器更改字体
  • 在 WordPress 内容编辑器中自定义字体外观

在 WordPress 主题定制器中更改字体

更改站点字体的一种简单方法是转到 WordPress 主题定制器。 它允许你更改网站的外观并显示实时预览。

注意:假如你的定制器菜单选项丢失,那么你的主题可能启用了完整的站点编辑,你需要使用不同的方法或切换主题。

对于本教程,我们将使用 Astra 主题。 但是,选项会根据你使用的 WordPress 主题而改变。 根据你的主题,你需要在定制器中查找“字体”或“排版”选项。

首先,我们可以从 WordPress 仪表板转到外观 » 自定义。

进入外观菜单

这将启动 WordPress 主题定制器。

Astra 主题有一个“全局”部分,其中包含更改站点范围样式的选项。 要更改整个网站的字体,我们可以单击左侧菜单中的“全局”选项。

转到全局设置

在下一个屏幕上,你将看到排版、颜色、容器和按钮等选项。

继续并单击“排版”选项。

打开排版设置

从这里,我们可以在“预设”部分下选择不同的字体。

这些是主题提供的默认字体,选择预设将更改整个网站上的字体。

在主题定制器中更改字体

除此之外,你还可以更改主题中各个元素的字体。

例如,我们可以为正文和标题使用不同的字体。 甚至可以选择为每个标题级别使用单独的字体。

首先,只需从“字体系列”下拉菜单中为任何单个元素选择一种字体。

更改单个元素的字体

除此之外,还有更多选项可以更改字体大小、粗细、选择变体等。

完成后,不要忘记单击“发布”按钮。

你现在可以访问你的网站并查看新字体。 例如,我们在演示网站上将正文字体更改为 Roboto,将标题字体更改为 Helvetica。

字体更改预览

请务必注意,并非所有 WordPress 主题都将提供与 Astra 相同的功能和自定义设置。 假如你的主题不提供此功能,请继续阅读下一步。

在 WordPress 完整站点编辑器中更改字体

假如你使用的是基于块的 WordPress 主题,例如二十二十二,那么我们可以使用完整站点编辑器 (FSE) 更改站点的字体。

完整的站点编辑器允许你使用块自定义你的 WordPress 主题,就像使用 WordPress 内容编辑器编辑帖子或页面时一样。 但是,FSE 目前处于测试阶段,只有少数主题支持它。

在本教程中,我们将使用二十二十二主题。

首先,我们可以从 WordPress 管理面板转到外观 » 编辑器。

转到完整的站点编辑器

这将为你的 WordPress 主题打开完整的站点编辑器。

接下来,我们可以单击右上角的样式图标,然后单击“排版”选项。

打开样式设置

之后,我们可以选择文本和链接等元素来更改其排版。

我们将选择文本作为元素,然后单击“字体系列”下拉菜单以更改其字体。

在 FSE 中更改字体

完成后,只需单击“保存”按钮。

你已使用完整的站点编辑器成功更改了字体。 你还可以将自定义字体添加到你的 WordPress 网站,然后在完整的网站编辑器中更改它们。

使用 WordPress 插件更改 WordPress 字体

更改 WordPress 字体的另一种方法是使用 WordPress 插件,例如 Easy Google Fonts。

这是一个免费的 WordPress 排版插件,可让你将 600 多种 Google 字体和不同的字体变体添加到你的网站。

首先,你需要安装并激活 Easy Google Fonts 插件。 假如你需要帮助,请参阅我们的教程,了解如何安装 WordPress 插件。

激活后,你将在 WordPress 仪表板中看到 Easy Google Fonts 欢迎屏幕。 我们可以向下滚动并单击“转到设置 → 简易 Google 字体”按钮。

转到简单的谷歌字体设置

在下一个屏幕上,你将看到不同的插件设置。

继续并单击顶部的“使用实时预览管理”按钮。

单击使用实时预览进行管理

这将打开 WordPress 主题定制器,你将位于“排版”选项卡中。

访问插件添加的字体的另一种方法是从 WordPress 仪表板转到外观»自定义,然后单击“排版”选项卡。

转到排版选项卡

在下一个屏幕上,你将看到“默认排版”选项。

继续并单击它。

转到默认排版

之后,我们可以更改网站上每个元素的字体。

例如,让我们更改标题 1 的字体。只需单击标题 1 旁边的箭头即可展开选项。 从这里,我们可以单击“字体系列”下拉菜单并选择一种字体。

使用插件选择字体

我们可以对其他标题级别和段落执行相同操作。

完成后不要忘记单击“发布”按钮。

使用 WordPress 主题生成器更改字体

有许多强大的 WordPress 主题构建器可让你在不编辑代码的情况下创建自定义主题。 我们可以使用它们来更改网站上不同元素的字体。

对于本教程,我们将使用 SeedProd。 它是 WordPress 的最佳登录页面和主题构建器插件,并提供拖放构建器来创建自定义主题,而无需触及任何一行代码。

请注意,你需要 SeedProd Pro 版本,因为它包含主题生成器。 你还可以免费使用 SeedProd Lite 版本。

首先,你需要安装并激活 SeedProd 插件。 有关更多详细信息,请参阅我们的关于如何安装 WordPress 插件的教程。

激活后,你将看到 SeedProd 欢迎屏幕。 继续输入你的许可证密钥,然后单击“验证密钥”按钮。 我们可以在你的 SeedProd 帐户区域轻松找到许可证密钥。

SeedProd 许可证密钥

之后,我们可以从 WordPress 仪表板前往 SeedProd » Theme Builder。

接下来,继续并单击顶部的“主题”按钮。

创建您的自定义主题

从这里,插件将向你显示多个可供选择的主题。

只需将鼠标悬停在你要使用的主题上,然后单击它。 我们将在本教程中使用 Starter 主题。

选择入门主题

SeedProd 现在将生成不同的主题模板。

我们可以编辑每个模板并自定义你的 WordPress 主题。 甚至可以选择手动添加主题模板。

让我们编辑主页主题模板并更改不同元素的字体。 首先,单击主页下的“编辑设计”链接。

编辑主页设计

这将启动 SeedProd 的拖放主题构建器。 我们可以从左侧的菜单中添加新元素并将它们放置在模板上的任何位置。

要更改任何主题部分的字体,只需选择它。 例如,我们将选择 Starter 标题下的文本框。

接下来,从左侧菜单转到“高级”选项卡,然后单击“排版”前面的“编辑”按钮。

在主题生成器中选择文本

之后,你将看到多个选项来编辑所选部分的版式。

我们可以单击“字体系列”下拉菜单并为你的文本选择一种字体。 还有选择字体粗细、调整字体大小、行高、字母间距、对齐方式、字母大小写等选项。

在主题生成器中更改字体

你现在可以重复此步骤并更改主题中其他元素的字体。

完成后,只需单击顶部的“保存”按钮。

要应用自定义主题和字体,请转到 SeedProd » Theme Builder,然后将“启用 SeedProd 主题”选项旁边的开关切换为是。

启用 SeedProd 主题

假如你想从头开始创建 WordPress 主题,请参阅我们的教程,了解如何轻松创建自定义 WordPress 主题。

在 WordPress 内容编辑器中自定义字体外观

使用内容编辑器,你还可以更改字体在特定博客文章和页面中的显示方式。

这种方法的缺点是它只会将新字体应用于特定的帖子或页面。 对于要应用类似自定义的所有其他帖子,你必须手动重复此步骤。

这对于发布特定的自定义非常方便,但是假如你正在寻找站点范围内的字体更改选项,那么你应该考虑其他选项。

话虽如此,要使用 WordPress 内容编辑器更改字体,只需编辑帖子或添加新帖子。 进入 WordPress 内容编辑器后,选择文本以更改其外观。

在右侧的设置面板中,前往“排版”部分。 然后单击排版前面的 3 个点,然后从下拉选项中选择“外观”。

在内容编辑器中打开排版设置

一旦你这样做了,外观设置将在排版部分下可见。

只需单击外观下的下拉菜单,然后为你的字体选择一种样式。 例如,我们可以将字体设置为粗体、细体、斜体、黑色、粗斜体、超粗体等。

还有一些选项可以更改字体大小、选择字母大小写、编辑颜色、启用首字下沉等。

选择外观风格

完成后不要忘记更新或发布你的页面。

我们希望本文能帮助你了解 WordPress 中更改字体。 你还可以查看我们针对初学者的终极 WordPress SEO 教程,并查看我们为小型企业挑选的最佳电子邮件营销服务专家。

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论