Kadence 教学:kadence主题如何上传本地字体文件完整操作流程

字体在网页设计中扮演着重要角色,统一且具有辨识度的排版风格有助于传达专业感和品牌识别度。Kadence Theme 提供了自定义字体功能,支持上传本地字体文件,并在主题中进行灵活调用。

本文整理了一套完整的 Kadence 字体上传与设置操作流程,适用于希望提升视觉风格的 WordPress 网站。

20250328103231648-image

准备工作

在开始前,需要具备 Kadence Custom Fonts 插件,该插件包含在 Kadence 高级版本套装中。

20250328102856490-image

你还需要准备已授权使用的字体文件,推荐采用 .woff.woff2 两种格式,以提升兼容性和加载速度。

20250328102952925-image

若字体包中未提供 .woff2,可使用 Transfonter.org 等工具将 .ttf.otf 格式转换为所需格式。

20250328103159121-image

安装插件并启用上传功能

  • 登录 Kadence 官方账号,下载 Custom Fonts 插件。
20250328103619673-image
  • 进入 WordPress 仪表盘,在「插件」中上传并激活该插件。
20250328110239437-image
  • 启动后,后台菜单中将新增「Custom Fonts」选项。
20250328110302657-image

上传字体文件并创建字体组

进入外观 > Custom Fonts > Add New Font开始上传。

填写信息

  • Font Name:字体名称(如 Albra Display Regular)
  • Font Family Name:统一字体族名称(如 Albra Display)
  • Font Style Name:用于区分样式的名称(如 Bold、Regular、Italic)
20250328110425505-image

保持 Font Family Name 一致,可以在主题中统一调用不同权重或样式。

添加字体文件

点击「Add File」按钮,上传 .woff.woff2 文件。

20250328110536591-image

设置字重与样式

  • Font Weight:根据字体风格设定,如 Regular 设为 400,Bold 设为 700
  • Font Style:若为斜体,设为 italic,常规字体保持 normal
20250328110728191-image

点击「发布」保存设置。

重复操作,可为同一字体上传多个版本(如 Regular、Bold、Italic),方便统一管理和调用。

应用字体到主题中

完成上传后,进入外观 > 自定义 > Colors & Fonts > Typography 」。

20250328110828581-image

在字体选择器中,选中刚上传的字体族名称。可对标题、正文、导航等元素设置不同字体风格和权重(粗细程度)。

20250328110924907-image

如果没看到新字体,则刷新页面或清除浏览器缓存后重新加载。

补充建议

上传字体时,可同时添加多个权重和风格版本,便于在不同模块间自由切换。例如:

  • Regular:400
  • Bold:700
  • Italic:400 + 样式设置为 italic

确保字体族名称一致,便于统一调用。

总结

Kadence Theme 结合 Custom Fonts 插件,提供了完整的字体上传与应用机制。在为你的品牌定制、阅读优化,还是设计美观度提升,都能够对网站排版带来更高的灵活性和表现力。

如需为多语言站点、特殊字符支持或排版增强扩展功能,还可搭配专业字体服务平台进一步实现更丰富的设计方案。


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读