WordPress 自定义字体添加指南（区块主题与经典主题通用）

字体风格在网页设计中至关重要。统一且富有特色的排版不仅提升阅读流畅性，也有助于强化品牌识别。相比系统默认字体，自定义字体能更好契合视觉需求，是打造专业外观的重要方式。

本文介绍三种常见的 WordPress 字体导入方式，适配不同主题类型和操作习惯。

准备字体文件

常用的网页字体格式包括 .woff、.woff2、.otf、.ttf 和 .eot。其中 .woff2 压缩率高、兼容性强，适用于大多数现代浏览器。

如字体格式不符合使用要求，可在 Transfonter.org 等在线工具中进行转换。建议同时下载 .woff 和 .woff2 两种格式以提升兼容性。

方法一：使用站点编辑器上传字体（适用于 WordPress 6.5+）

WordPress 6.5 新增字体上传功能，需启用区块主题。

操作路径如下：

• 进入“外观 > 编辑器”

• 打开右上角的“样式”设置，点击“排版”

• 选择“管理字体”，点击“上传字体”

• 选择本地字体文件（支持 .woff、.ttf 等格式）

• 上传完成后，可在站点排版设置中选择对应字体

此方式不用插件或代码干预，操作简洁。若需使用 Google Fonts，可点击“安装字体”，搜索Google Fonts字体并一键添加。

方法二：使用插件导入字体（适用于所有主题）

若站点未使用区块主题或希望操作更加直观，可通过插件实现字体导入。

推荐插件：

• Use Any Font：支持上传本地字体
• Easy Google Fonts：适合快速接入 Google Fonts

使用 Use Any Font 插件步骤如下：

• 安装并启用插件

• 进入插件设置页面，申请并验证 API Key

• 上传字体文件并命名

• 字体上传成功后，将在站点排版菜单中出现

插件方式适合大多数站点使用，设置简单，不管有没有代码基础。

方法三：使用子主题手动导入字体（适用于有代码经验的用户）

如需更高自由度或不依赖插件的方式，可通过子主题实现字体导入。

步骤如下：

• 在 /wp-content/themes/ 下创建子主题文件夹

• 添加 style.css 和 functions.php 文件，定义主题信息并引入父主题样式

• 创建 fonts 文件夹并上传字体文件

• 在 style.css 中添加如下 CSS，可以加载你本地上传的自定义字体。：

@font-face {
  font-family: 'CustomFont';
  src: url('fonts/CustomFont.woff2') format('woff2'),
       url('fonts/CustomFont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'CustomFont', sans-serif;
}
@font-face {
  font-family: 'CustomFont';
  src: url('fonts/CustomFont.woff2') format('woff2'),
       url('fonts/CustomFont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'CustomFont', sans-serif;
}
@font-face {
  font-family: 'CustomFont';
  src: url('fonts/CustomFont.woff2') format('woff2'),
       url('fonts/CustomFont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'CustomFont', sans-serif;
}

• 返回 WordPress 后台，启用该子主题

此方法适合具备一定技术基础的用户，可实现更灵活的控制和定制。

总结

自定义字体有助于构建统一风格的网站排版。无论使用站点编辑器、插件，或是手动操作，都可完成字体替换任务。结合站点所用主题与自身需求，选择合适的方法进行操作，有利于提升整体视觉效果和信息表达力。