字体在网页设计中扮演着重要角色,统一且具有辨识度的排版风格有助于传达专业感和品牌识别度。Kadence Theme 提供了自定义字体功能,支持上传本地字体文件,并在主题中进行灵活调用。
本文整理了一套完整的 Kadence 字体上传与设置操作流程,适用于希望提升视觉风格的 WordPress 网站。
![图片[1]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328103231648-image.png)
准备工作
在开始前,需要具备 Kadence Custom Fonts 插件,该插件包含在 Kadence 高级版本套装中。
![图片[2]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328102856490-image.png)
你还需要准备已授权使用的字体文件,推荐采用 .woff
和 .woff2
两种格式,以提升兼容性和加载速度。
![图片[3]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328102952925-image.png)
若字体包中未提供 .woff2
,可使用 Transfonter.org 等工具将 .ttf
或 .otf
格式转换为所需格式。
![图片[4]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328103159121-image.png)
安装插件并启用上传功能
![图片[5]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328103619673-image.png)
- 进入 WordPress 仪表盘,在「插件」中上传并激活该插件。
![图片[6]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328110239437-image.png)
- 启动后,后台菜单中将新增「Custom Fonts」选项。
![图片[7]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328110302657-image.png)
上传字体文件并创建字体组
进入外观 > Custom Fonts > Add New Font开始上传。
填写信息
- Font Name:字体名称(如 Albra Display Regular)
- Font Family Name:统一字体族名称(如 Albra Display)
- Font Style Name:用于区分样式的名称(如 Bold、Regular、Italic)
![图片[8]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328110425505-image.png)
保持 Font Family Name 一致,可以在主题中统一调用不同权重或样式。
添加字体文件
点击「Add File」按钮,上传 .woff
和 .woff2
文件。
![图片[9]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328110536591-image.png)
设置字重与样式
- Font Weight:根据字体风格设定,如 Regular 设为 400,Bold 设为 700
- Font Style:若为斜体,设为 italic,常规字体保持 normal
![图片[10]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328110728191-image.png)
点击「发布」保存设置。
重复操作,可为同一字体上传多个版本(如 Regular、Bold、Italic),方便统一管理和调用。
应用字体到主题中
完成上传后,进入外观 > 自定义 > Colors & Fonts >
![图片[11]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328110828581-image.png)
在字体选择器中,选中刚上传的字体族名称。可对标题、正文、导航等元素设置不同字体风格和权重(粗细程度)。
![图片[12]-Kadence 主题上传自定义字体的完整教程](https://www.361sale.com/wp-content/uploads/2025/03/20250328110924907-image.png)
如果没看到新字体,则刷新页面或清除浏览器缓存后重新加载。
补充建议
上传字体时,可同时添加多个权重和风格版本,便于在不同模块间自由切换。例如:
- Regular:400
- Bold:700
- Italic:400 + 样式设置为 italic
确保字体族名称一致,便于统一调用。
总结
Kadence Theme 结合 Custom Fonts 插件,提供了完整的字体上传与应用机制。在为你的品牌定制、阅读优化,还是设计美观度提升,都能够对网站排版带来更高的灵活性和表现力。
如需为多语言站点、特殊字符支持或排版增强扩展功能,还可搭配专业字体服务平台进一步实现更丰富的设计方案。
联系我们 |
---|
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
① 电话:020-2206-9892 |
② QQ咨询:1025174874 |
③ 邮件:info@361sale.com |
④ 工作时间:周一至周五,9:30-18:30,节假日休息 |
暂无评论内容