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

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

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

图片[1]-Kadence 主题上传自定义字体的完整教程

准备工作

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

图片[2]-Kadence 主题上传自定义字体的完整教程

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

图片[3]-Kadence 主题上传自定义字体的完整教程

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

图片[4]-Kadence 主题上传自定义字体的完整教程

安装插件并启用上传功能

图片[5]-Kadence 主题上传自定义字体的完整教程
  • 进入 WordPress 仪表盘,在「插件」中上传并激活该插件。
图片[6]-Kadence 主题上传自定义字体的完整教程
  • 启动后,后台菜单中将新增「Custom Fonts」选项。
图片[7]-Kadence 主题上传自定义字体的完整教程

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

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

填写信息

  • Font Name:字体名称(如 Albra Display Regular)
  • Font Family Name:统一字体族名称(如 Albra Display)
  • Font Style Name:用于区分样式的名称(如 Bold、Regular、Italic)
图片[8]-Kadence 主题上传自定义字体的完整教程

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

添加字体文件

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

图片[9]-Kadence 主题上传自定义字体的完整教程

设置字重与样式

  • Font Weight:根据字体风格设定,如 Regular 设为 400,Bold 设为 700
  • Font Style:若为斜体,设为 italic,常规字体保持 normal
图片[10]-Kadence 主题上传自定义字体的完整教程

点击「发布」保存设置。

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

应用字体到主题中

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

图片[11]-Kadence 主题上传自定义字体的完整教程

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

图片[12]-Kadence 主题上传自定义字体的完整教程

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

补充建议

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

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

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

总结

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

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


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
© 转载声明
本文作者:upupdowndownLRLRBABA
THE END
喜欢就支持一下吧
点赞529 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容