3种更改WordPress字体的简单方法

已发表: 2021-10-05

“如何在 WordPress 中更改字体?” 是技术知识最少的人中最常见的问题之一,这里是该问题的一个很好的答案。

您可以使用这种简单的方法多次更改 WordPress 字体。

要更改您的 WordPress 字体,请转到外观菜单,单击自定义选项,然后转到字体 现在您可以选择您选择的字体或通过单击x标记返回到默认字体。 选择所需的 WordPress 字体后,单击保存草稿按钮以保存更改。

这是它的外观。

wordpress 字体

在这篇文章中,我们将解释其他 3 种更改 WordPress 字体的简单方法。 那么,让我们开始吧。

相关:如何编辑您的 WordPress 页脚?

如何在 WordPress 中更改字体?

从技术上讲,您可以通过多种方式更改 WordPress 网站上的字体。 但是,在这里我们已经提到了 3 种非常基本的方法。 让我们从最常见的开始。

1.检查您可以使用网站的主题或页面构建器的字体选项更改什么

大多数人不使用 WordPress 默认站点主题,因为它们对于商业站点来说不够好。 尽管这些主题编码良好,但它们更多地只是概念作品。 您可以在我们的电子商务 CMS 指南中了解更多信息。

选择最适合您需求的特定类型的主题是一个好主意,用简单的话来说。 尽管选择高级版可以为您提供出色的自定义选项,但如果您预算紧张,也可以选择免费的不错的选项。

这些主题中的大多数将允许您访问整套 Google 字体,您可以从中选择 WordPress 网站的正确字体。

通常有两种方法可以通过主题更改 WordPress 中的字体。 首先,您可以访问定制器的菜单并从那里更改字体。 其他主题带有一个专用的管理面板,其中包含您需要访问的所有设计选项。

这些管理面板更容易导航。 您只需单击相关的下拉菜单并选择您选择的字体。 更改可能会立即发生。

Page Builder 插件的工作方式也与此非常相似。 一些最受欢迎的包括 Elementor 和 Beaver Builder。

2. 安装 WordPress 字体插件

如果您不喜欢主题中提供的字体,那么更改 WordPress 字体的另一种好方法是安装和激活专用字体插件。

现在,您通常会在 WordPress 的插件目录中找到两种类型的字体插件——字体嵌入插件和字体上传插件。

字体嵌入插件使您可以从专用目录(例如 Google 字体)中提取所需的字体并将其嵌入您的网站。

一个很好的例子是 OMFG——优化我的谷歌字体插件。 此外,还有一些插件可供使用 Adob​​e 订阅字体的用户使用。

值得注意的是,将您的网站与 Google 或 Adob​​e 的服务器连接需要您处理一些额外的步骤。 但是,这也将帮助您避免在手动实现字体时执行一些其他步骤。

字体上传插件与嵌入插件有很大不同。 您可以通过这些插件的名称快速说明这一点,这些插件使您能够上传您选择的特定字体并在您的网站上使用它。 尽管任何相关的插件都可以为您完成这项工作,但这项工作最受欢迎的插件是 Google Fonts Typography Plugin。

3.通过简单编码添加自定义字体

如果您愿意学习如何手动更改 WordPress 中的字体,那么最后一种方法就是您的最佳选择。 尽管它涉及一些编码,但这种方法最好的部分是它非常易于学习。 即使知识一般,您也可以轻松学习和实施此方法。

至于缺点,除了专用插件的高级主题之外,您可能没有广泛的选择。 但是,您仍然可以让您的网站远离不必要的臃肿软件并使用您选择的字体。

要实现此方法,您需要

  • CSS的平均知识
  • 您要嵌入网站的字体
  • 访问您的 WordPress 核心
  • 关于FTP(文件传输协议)的一些知识

让我们用一个例子来解释一下。 假设您选择了一种 Google 字体“Oswald”。

选择要嵌入的样式。 我们建议您选择粗体、标准和斜体样式。 选择样式后,嵌入字体的最简单方法是单击“嵌入”选项卡并将代码复制到您网站的部分。

不过,我们建议您使用入队方法。 在这种方法中,您首先需要将链接复制到您的字体。 这是一个例子

'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap'

现在您需要使用 FTP 访问您的 WordPress 站点的文件。 从这里,您需要打开子主题的根目录并访问functions.php。

打开functions.php文件后,输入以下代码。 (请注意,您需要将示例中提到的链接替换为您选择的字体。)

函数 add_my_font() {

wp_enqueue_style('add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap', false);

}

add_action('wp_enqueue_scripts', 'add_my_font');

最后一步是声明要在哪里使用字体。 为此,您需要访问子主题根目录中的style.css文件并添加以下内容。

.body, .h1, .h2, .h3, .h4 {

字体家族:'奥斯瓦尔德',无衬线;

}

通常,这会通知您网站的前端您希望以特定样式使用此特定字体。 请注意,如果您不想在每个部分中应用新字体,也可以删除声明。

这是您需要选择正确的 WordPress 字体的两个重要原因。

为什么选择正确的字体在网页设计中很重要?

对于那些很少或没有开发知识的人来说,网站设计听起来像是一个选择配色方案、字体和设置导航栏的简单过程。

然而,这并不容易,因为除了美学之外,创建一个有效的网站设计还有很多事情要做。 在为您的 WordPress 网站选择字体时,您需要考虑诸如可读性、营销以及字体是否与您的品牌匹配等因素。

具体来说,字体会通过两种主要方式影响您网站的设计。 让我们谈谈他们。

1. 可用性

可用性是您选择的字体会影响的最重要方面。 假设您选择了一种更难阅读的字体。 您的潜在客户最有可能因为沮丧而放弃您的网站并寻找替代方案。

2. 品牌推广

可读性是一回事,但您还需要关注您的字体与品牌基调的良好、相关和时尚。 在为您的网站选择更简单的字体时考虑各个方面是一个好主意。

交给你

你去吧。 现在您可以在 WordPress 中更改字体的三种简单方法。 同样重要的是要记住最佳实践会不断变化,因此如果您发现这些方法与呈现给您的内容之间存在任何脱节,我们建议您寻求专家建议。

此外,请阅读我们关于修复 WordPress 白屏死机错误和白标等主题的指南,以提高您的知识。