如何更改 WordPress 主题中的任何字体

您是否曾经想更改 WordPress 网站上的字体?使用定制器选择新字体并不困难。当您希望使用主题不附带的字体或者您想要更改的元素没有选项时,挑战就来了。

更改可自定义字体

要获取更多字体,请先安装简单的谷歌字体插件到您的网站。

1. 转到“插件 -> 添加新插件”。

2. 搜索“Easy Google Font”。

3. 单击“安装”,然后单击“激活”。

4. 现在您的网站上有更多字体选项。要更改它们,请进入定制器(外观 -> 定制)。

5. 单击“版式->主题版式”。

6. 单击下拉箭头并向下滚动。您应该会看到更多可用字体。

7. 单击以选择您要使用的选项。

使用该插件来更改主题中已可自定义的文本非常简单。当您希望特定的文本片段使用不同的字体,并且没有地方可以更改它时,令人沮丧的部分就出现了!

要自定义这些内容,您需要更改网站该部分的 CSS 代码。然而,它是隐藏的,所以你需要追踪它。

另请阅读: WordPress 10 个常见错误(以及如何修复它们)

获取扩展

在 Google Chrome 浏览器中,搜索名为的扩展程序什么字体,然后安装它并允许它运行。

启用后,WhatFont 可以识别在任何网站上找到的任何字体。因此,如果您喜欢某种字体并希望在工作中使用它,请在 WhatFont 运行时将鼠标悬停在文本上,它将显示该字体的名称。

您需要安装和激活的下一个扩展是萤火虫精简版。它显示您的站点代码并允许您实时编辑 CSS 属性。此扩展可以通过查找代码中文本的位置轻松查找和更改字体。

另请阅读: 如何向 WordPress 帖子编辑器添加自定义样式选项

找到字体

要找出您的主题当前使用的字体名称:

1. 单击 WhatFont 图标激活 WhatFont

2. 将鼠标悬停在您要识别的字体上。

3. 记下字体名称。

4. 关闭 WhatFont。

下一步是在代码中找到具有该字体的 CSS。

1. 像之前一样打开定制器。

2. 打开Firebug Lite(带有螺丝刀的错误图标)。

3. 当您激活 Firebug 时,该站点的代码将显示在屏幕底部。

您需要非常小心地使用此代码,特别是如果您不是 CSS 专家。不过,如果您很好地遵循指示,您应该能够轻松地更改字体,而不会破坏您的网站。在继续之前备份您的网站是个好主意。

找到您要更改的文本的当前字体。

1. 单击“CSS”。

2. 选择 style.css 文件。 (这是一个很长的文件。)

3. 击中控制键+f然后在搜索框中输入您记下的字体。

4. 在此示例中,我正在寻找 Helvetica,您可以在样式 CSS 中以橙色看到该字体的位置。

4. 突出显示并复制字体的位置。我在上图中用黄色突出显示了它。如果列出了多个位置,则仅复制其中之一。

创建字体控件

字体控件告诉插件 CSS 在哪里使用我们想要更改的字体。此步骤可能需要一些尝试和错误,尤其是当您要查找的字体位于网站上的多个不同位置时。

1. 返回管理面板,将鼠标悬停在设置上,然后单击 Google 字体。

2. 单击“创建新字体控件”。

3. 重命名以描述新字体的位置。

4. 将从 CSS 列表复制的位置粘贴到 CSS 选择器框中。

5. 单击强制样式覆盖框。

6. 保存。

检查一下

返回定制器并找到您想要更改字体的位置。找到您刚刚制作的字体控件的下拉框。将其下拉并选择您要使用的字体。如果成功的话,点击后字体就会改变。

如果不起作用,请返回字体控件,删除粘贴的位置,然后再次尝试使用 CSS 中列出原始字体的其他位置。请记住,可能需要多次尝试才能使其发挥作用。

即使您使用通用主题,更改 WordPress 主题中的任何字体的能力也会给您的网站带来独特的外观。确保您的网站已正确更新,然后尝试一下。