在 WordPress 中更改字体的 5 种简单方法

已发表: 2024-08-06

字体对于网站的设计至关重要,因为它会影响网站的基调和整体外观。 根据您选择的字体,它可以增强或破坏您网站的外观。

由 Google、Adobe 和 FontSpace 等服务提供的 Web 字体允许您将字体直接嵌入到您的网站中。 与桌面字体不同,网络字体存储在云中,并在访问者访问您的网站时快速加载。 这使得使用多种字体变得简单,无需手动嵌入。

选择字体后,您需要知道如何在您的网站上使用该字体。

在本博客中,我们将探讨在 WordPress 中更改字体的各种方法。 您可以根据您的主题选择您喜欢的方式,是否需要插件,或者手动添加它们。 我们将指导您完成每种方法,以便您可以轻松自定义网站的版式。

让我们深入了解如何更改 WordPress 中的字体并为您的网站提供完美的印刷风格。

在此之前,我们应该知道:

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

更改 WordPress 网站上的字体很重要,因为它有助于设置网站的基调和风格。 正确的字体可以使您的内容更具吸引力且更易于阅读,而错误的字体可能会使您的网站看起来不专业。

  • 清晰、精心挑选的字体使您的文本更易于阅读。
  • 不同的字体可以给您的网站带来独特的外观和感觉。
  • 字体有助于反映您的品牌个性和信息。
  • 好的字体可以使标题和重要信息脱颖而出。

总的来说,更改字体是提高网站外观和有效性的简单方法。

网络字体的类型

与桌面字体一样,网络字体有四种主要类型:

  • 衬线:衬线字体在每个字母的顶部和底部都有装饰元素。 由于其华丽的风格,它们最适合用于标题。
  • Sans Serif: Sans Serif 字体具有干净、简单的外观,使其适用于标题和正文。
  • 脚本:脚本字体具有有趣的草书外观,应谨慎使用,以避免压倒您的设计。
  • 显示:显示字体粗体且引人注目。 它们非常适合标题,但应谨慎使用,切勿用作正文。

现在您已经了解了字体的重要性和类型,让​​我们看看如何在 WordPress 中更改字体。

如何更改 WordPress 中的字体

您可以通过多种方法更改 WordPress 网站上的字体。 我们一开始就已经给你提供了有关方法的想法。

我们将向您展示如何使用以下 5 种简单方法更改 WordPress 网站的字体:

  1. WordPress 主题定制器
  2. WordPress 全站编辑器
  3. WordPress 字体插件
  4. WordPress 内容编辑器
  5. WordPress 块编辑器

现在让我们看看详细信息,好吗?

1. 如何在 WordPress 主题定制器中更改字体

使用 WordPress 主题定制器可以轻松更改网站的字体。 该工具可让您修改网站的外观并提供更改的实时预览。

如果您没有看到定制器菜单选项,则您的主题可能启用了完整站点编辑。 在这种情况下,您需要使用不同的方法或切换主题。

对于本指南,我们将使用Astra主题。 但是,这些选项可能会根据您的 WordPress 主题而有所不同。 一般来说,在定制器中查找特定于您的主题的“字体”或“排版”设置。

首先,您可以从 WordPress 仪表板转到“外观”>“自定义”

这是Astra主题定制的截图

这将启动 WordPress 主题定制器。

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

这是Astra主题Global的截图

在下一个屏幕上,您将看到“版式”、“颜色”、“容器”、“按钮”等选项。

单击“版式”选项。

这是 Astra Typography 的屏幕截图

您可以在“预设”部分下选择不同的字体。

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

将鼠标悬停在字体预设上可查看字体组合。 例如,您可能会在这些预设之一中看到“ Barlow Semi Condensed 和 Roboto ”组合。

这是Astra中更改字体的屏幕截图

此外,您可以更改主题中各个元素的字体。

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

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

这是astra基本字体的截图

还有更多选项可以更改字体大小和粗细、选择变体等等。

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

值得注意的是,并非所有 WordPress 主题都会提供与 Astra 相同的功能和自定义设置。 如果您的主题不提供这些选项,请继续阅读以了解下一个方法。

2. 如何在 WordPress 全站编辑器中更改字体

使用基于块的 WordPress 主题(例如“二十二十三”),您可以使用完整的站点编辑器 (FSE) 来更改站点的字体。

完整的站点编辑器允许您使用块自定义 WordPress 主题,类似于使用 WordPress 内容编辑器编辑帖子或页面。 然而,FSE 目前处于测试阶段,只有少数主题支持它。

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

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

这是编辑器的截图

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

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

这是排版的屏幕截图

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

这是文本选项的屏幕截图

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

这是选择系统字体的截图

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

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

3. 如何使用 WordPress 字体插件更改 WordPress 字体

更改 WordPress 字体的另一种方法是使用 Fonts Plugin 等插件。

这个WordPress 排版插件可让您向您的网站添加数千种 Google 字体和不同的字体变体。

首先,您需要安装并激活字体插件。

这是安装字体插件的截图

这将在主题的定制器中打开插件的定制选项。

在此页面上,单击“基本设置”菜单。

这是字体插件基本设置的截图

进入菜单项后,您可以开始自定义内容、标题和按钮的版式。 展开每个文本元素的下拉列表并选择您喜欢的字体。

这是使用字体插件更改字体的屏幕截图

完成后,不要忘记单击“发布”按钮,字体插件将更新更改。

4. 如何在 WordPress 内容编辑器中自定义字体外观

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

缺点是此方法只会将新字体应用于特定的帖子或页面。 您需要对需要类似自定义的每个帖子或页面重复这些步骤。

虽然此方法对于特定后的更改很有用,但如果您需要更改站点范围内的字体,请考虑其他选项。

要使用 WordPress 内容编辑器更改字体,请编辑帖子或创建新帖子。 在 WordPress 内容编辑器中,选择要修改的文本。

在右侧的设置面板中,转到“版式”部分。 单击“版式”旁边的三个点,然后从下拉菜单中选择“外观”。

这是外观截图

完成此操作后,将出现“外观”设置。 单击下拉菜单为您的字体选择样式。 您可以选择粗体、细体、斜体、黑色、粗斜体、超粗体等选项。

在此区域中,您还可以更改字体大小、选择字母大小写、编辑颜色、启用首字下沉等。

这是更改字体的外观选项的屏幕截图

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

5. 如何使用块编辑器更改 WordPress 字体

使用块编辑器,您可以更改字体的外观。 您可以调整文本和背景颜色、设置大小以及修改外观。 外观选项通常包括字体粗细,这取决于主题设置中选择的字体。

此外,带有文本的块提供了将文本加粗或斜体并设置其对齐方式的选项。

还有其他选项可以突出显示文本,以及添加内联代码和图像,或删除它。 最后,您可以添加下标字符以及上标字符。

这是块编辑器的屏幕截图

您可以通过这种方式使用块编辑器自定义和增强 WordPress 网站上的字体。

更新您的字体,让您的 WordPress 网站更加易用!

文章已经结束了,现在您已经知道如何在 WordPress 中更改字体了。

精心选择的字体可以使您的内容更具吸引力且更易于阅读。 它将鼓励访问者在您的网站上花费更多时间。

此外,如果您正在运行电子商务网站,正确的字体可以产生很大的影响。 例如,选择清晰且引人入胜的字体可以帮助用户轻松阅读产品描述。 这反过来又影响他们的购买决定。

如果您在 WordPress 网站上设置字体时遇到任何问题,请在评论部分告诉我们。

订阅 weDevs 博客

我们每周发送时事通讯,确保没有垃圾邮件