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;
}

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

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

总结

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

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息