温馨提醒

如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

本文最后更新于2022年9月20日,已超过 30天没有更新

您的网站文本字体在您网站的设计和品牌标识中起着重要作用。它可以提高您内容的可读性,并使您的网站看起来现代而专业,您是否希望将 wordpress 主题的字体更改为不同的字体?

在本文中,我们将向您展示如何使用 5 种不同的方式在 WordPress 中更改字体,以便您可以轻松地使用无代码方法更改字体,或者在不使用任何插件的情况下更改 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 主题打开完整的站点编辑器。

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

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

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

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

您已使用完整的站点编辑器成功更改了字体。您还可以将自定义字体添加到您的 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 帐户区域轻松找到许可证密钥。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如果您想从头开始创建 WordPress 主题,请参阅我们的指南,了解如何轻松创建自定义 WordPress 主题。

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

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

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

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

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

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

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

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

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

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

版权声明:原创作品,未经允许不得转载,否则将追究法律责任。
本站资源有的自互联网收集整理,如果侵犯了您的合法权益,请联系本站我们会及时删除。
本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。
本文链接:悟空资源网https://www.wkzyw.com/29436.html
许可协议:《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权