WordPress 自定义字体 | WordPress.com 支持

网站上文本字符的样式称为字体。本指南将向您介绍如何为您的站点选择字体。

在此指南中

1. 字体和套餐资格
2. 更改您的字体
3. 为特定文本应用字体
4. 上传自定义字体
5. 无样式文本闪烁
6. Google Fonts 和 GDPR

字体和套餐资格

使用我们的高级版、商务版和电子商务版套餐的站点可以从大量字体中为其网站做出选择，但不能上传自己的自定义字体。

要上传自定义字体并从 Google Fonts 安装字体样式，请升级至商务版或电子商务版套餐。

更改您的字体

您可以按照以下步骤更改您站点的字体。

要确定应遵循本指南的哪个部分，请访问您的仪表盘，查看左侧的“外观”部分。如果您在此处看到“编辑器”，请遵循本指南的“站点编辑器”部分。否则，请遵循“页面编辑器”或“定制器”说明。

Site EditorPage EditorCustomizer

如果您的站点使用的是支持站点编辑器的主题，则您可以使用“样式”选项来更改您站点的字体。要更改您站点的字体，请按照以下步骤操作：

1. 访问您的 WordPress.com 仪表盘。
2. 转到“外观 → 编辑器”。
3. 点击左侧的“样式”，或选择“样式”图标（看起来像一个黑白圆圈）。
4. 选择“排版”选项。
5. 从您站点的以下文本元素中进行选择：
   • 文本
   • 链接
   • 标题
   • 说明文字
   • 按钮
6. 点击“字体”下的下拉菜单，然后选择您想使用的字体。文本将更新为您所选的字体，以供您查看效果。
7. 点击“保存”按钮。

下面是这些步骤的视频演示：

“样式”图标

在站点编辑器中更改字体

请参阅我们的“样式”指南，了解更多有关调整网站文本外观的详细信息。

少数主题（完整列表）的字体设置位于页面编辑器中。按照以下步骤更改您站点的字体：

1. 访问您的 WordPress.com 仪表盘。
2. 转至“页面”，然后点击任意页面进行编辑。
3. 点击“全局样式”图标（图标中有一个大写的“A”，后面跟着一个小写的“a”）。
4. 点击“标题字体”或“基本字体”下的下拉菜单，查看可用的字体选项：
   • “标题字体”用于您站点上的所有标题，例如文章和页面标题、小工具标题、评论标题以及文章和页面内的大字标题。
   • “基本字体”用于您站点上的正文和菜单。
5. 选择您想使用的字体。文本将更新为您所选的字体，以供您查看效果。
   • 如果不确定选择哪种字体，您可以参考下拉菜单下方的一些推荐搭配。
6. 点击“发布”或“更新”以保存您的选择，或者点击“重置”以还原更改。

在经典 WordPress 主题中，您将在定制器中找到字体设置。您可以按照以下步骤更改您站点的字体：

1. 访问您的仪表盘。
2. 转到“外观 → 自定义”。
3. 点击“字体”选项。
4. 点击“标题字体”或“基本字体”下的下拉菜单，查看可用的字体选项：
   • “标题字体”用于您站点上的所有标题，例如文章和页面标题、小工具标题、评论标题以及文章和页面内的大字标题。
   • “基本字体”用于您站点上的正文和菜单。
5. 选择您想使用的字体。文本将更新为您所选的字体，以供您查看效果。
6. 点击“保存更改”，将新的字体选择发布到站点。

根据您所选的字体，您可能还会看到其他选项：

• 字体样式：要调整标题字体的样式，请点击字体下方左侧的选项。系统会根据您选择的字体呈现不同的可用样式。
• 字体大小：要调整标题或基本字体的大小，请点击每个选定字体下方右侧的大小选项，然后从下拉菜单中选择一个大小。

您可以点击字体名称右侧的“X”，切换回主题的默认字体：

点击自定义字体旁边的“X”，即可恢复主题的默认字体。

为特定文本应用字体

选择字体时，您将看到用于设置整个站点字体的选项，而不是设置单个页面或特定文本行的字体。设计的最佳实践是：当整个站点的字体保持一致时，网站外观最美观。如果一个站点使用很多不同的字体，看起来会不美观。

如果您的目标是突出显示某些文本，可考虑通过其他方式来实现，例如应用不同的颜色、使用标题或引用区块，或插入图像。

上传自定义字体

本指南的此部分适用于使用 WordPress.com 商务版和电商版套餐以及旧版专业版套餐的站点。如果您有商务版套餐，请确保将其激活。对于使用免费套餐、个人版套餐和高级版套餐的站点，请升级您的套餐以使用此功能。

您可以在网站上找到大量可供选择的字体样式。如果您希望有更多字体可供选择，可以直接通过站点编辑器安装或上传自定义字体。

我们的指南将向您介绍如何安装、上传和管理自定义字体。

无样式文本闪烁

无样式文本闪烁 (FOUT) 是指系统在显示您所选择的字体之前短暂显示另一种字体。连接速度较慢时，文本首先以主题的默认字体显示。这样，在您所选的字体加载出来之前，人们就可以开始阅读您的内容，而不需要一直在空白页面中等待。这可能意味着，在页面完成加载之前，系统会短暂显示另一种字体。但总体而言，这对于连接速度较慢的读者来说，总比看到空白屏幕要好。

如果您不希望出现这种情况，则可以点击“外观 → 自定义 → 额外 CSS”，使用 CSS 编辑器将此 CSS 代码添加到采用符合条件的套餐的站点：

.wf-loading body{ visibility: hidden; }

或

html:not(.wf-active) body{ display: none; }

Google Fonts 和 GDPR

WordPress.com 主题中采用 Google Fonts 的所有请求都将由 WordPress.com 的服务器提供服务，不再用 Google 的 CDN 或 FDN。此项更改的实施时间为 2022 年 12 月。

如果您的站点使用的是自定义插件或第三方主题，请与插件和/或主题开发者进行核实，确保他们没有通过 Google 的 CDN 或 FDN 提供 Google Fonts。您可以在此处详细了解 GDPR。