WordPress 6.5 中存在一个错误,当使用字体库功能时,该错误会阻止自定义字体在您的网站上正确显示。

如果您曾经安装并使用过旧版本,则似乎会出现此错误 自定义块主题 在您的网站上安装一个插件来显示自定义字体,这是在引入 WordPress 6.5 的字体库功能之前上传和显示自定义字体的事实上的方法。

目录

什么是字体库功能

您可能已经知道, 字体库 功能允许您从计算机上传自定义字体或从网站编辑器内部直接链接到 Google Fonts。此功能仅适用于块主题,它利用 WordPress 的古腾堡块编辑器来设计网页。

修复 WordPress 6.5 中不显示的自定义字体

要解决此问题,您需要首先确保安装了最新版本的自定义块主题插件。您还需要导航到站点编辑器的“样式”部分来编辑主题的当前样式。最后,您需要将自定义字体正确保存到主题中。

第1步:安装Create Block Theme插件或更新到最新版本

由于 WordPress 6.5 引入了通过字体库功能添加自定义字体的功能,因此他们从创建块主题插件中删除了此功能。但是,如果您曾经使用此插件的旧版本在您的网站上显示自定义字体,您仍然需要在 WordPress 网站上安装创建块主题插件,以使字体库正确显示自定义字体。

因此,导航到 WP 管理区域的插件部分。如果您已经安装了此插件,请确保将其更新到最新版本。如果您删除了它,请转到“添加新插件”来添加新插件。

然后,使用右上角的搜索栏搜索“创建块主题”,然后单击搜索结果中显示的创建块主题插件旁边的“立即安装”。

安装插件后点击“激活”即可激活插件。

第 2 步:使用字体库将自定义字体添加到您的网站

现在已安装并激活了最新版本的 Create Block Theme 插件,您需要导航到站点编辑器以向站点添加自定义字体(如果尚未添加)。如果您已添加自定义字体,请跳至下一步。

首先,转到外观>编辑器。这将带您进入站点编辑器。

单击屏幕右侧的 ,其中显示您的活动网站(通常是活动主页)。

您现在将进入所谓的块编辑器。编辑器顶部是块工具栏。在块工具栏的右上角,您会看到一个名为“样式”的图标(它有一个半黑半白的圆形图标)。单击此图标可打开样式设置侧边栏。

接下来,单击“版式”以访问版式设置。

在副标题“字体”的右侧,您会看到一个标有“管理字体”的小滑块图标。单击此图标可访问字体库功能(此功能仅在 WordPress 6.5 或更高版本中可用)。

在这里,您可以使用“上传”选项卡从计算机安装第三方字体,或使用“安装字体”选项卡链接到 Google Fonts。上传或链接到字体后,您可以关闭此窗口。

第 3 步:将字体保存到当前主题

现在您已将自定义字体添加到您的网站,您应该只需单击“更新”,字体现在就会显示在您的网站上......。正确的?

不完全是。如果您在更新到 WordPress 6.5 之前曾经使用过旧版 Create Block Theme 插件,则必须完成一个额外的步骤才能使更改生效。

在块编辑器顶部的块工具栏中,您将看到一个标记为“创建块主题”的扳手图标。单击此图标。

请注意: 如果您没有安装或更新到最新版本的创建块主题插件,和/或您没有使用 WordPress 6.5 或更高版本,则此图标将不会显示在块编辑器的工具栏中。

接下来,单击“保存对主题的更改”。

确保选中“保存字体”,然后单击“保存更改”。

现在,编辑器顶部将显示一条成功消息,表明编辑器现在将重新加载。单击“确定”进行确认。编辑器现在将重新加载。

您现在应该看到编辑器窗口内的内容中显示了正确的自定义字体(如果您仔细观察上一张照片中的主标题与上一张照片中的主标题,您会看到字体已更改/更新)。您还可以单击“查看页面”来查看站点的实时预览,该预览现在应该可以正确显示第三方字体。

这就是本教程的内容!如果觉得有用的话可以看看我的其他 WordPress 帮助文章和视频教程. 你也可以报名参加我的 Udemy 上的 WordPress 简化课程.