想给子比站点更换特色字体,手动写 CSS 容易在主题更新后失效。这款 V1.2.0 自定义字体插件可视化管理字体,无需修改源码,完美兼容 Zibll V7/V8/V9。

插件核心功能
- 支持上传本地字体:woff2、woff、ttf 格式,优先推荐 woff2,加载更快
- 自由分配字体:全局正文、文章标题、导航栏单独设置不同字体
- 预览功能,后台实时查看字体效果
- 自带字体加载优化,支持`font-display:swap`,减少文字闪烁
- 区分 PC / 移动端,可单独控制移动端是否启用自定义字体
- 缓存友好,自动生成样式文件,适配 CDN 环境
两种安装方式
方式 1 后台上传(新手首选)
WP 后台 → 插件 → 安装插件 → 上传插件,上传 zip 压缩包,启用插件。
方式 2 FTP 上传
解压插件文件夹,上传至`wp-content/plugins/`目录,后台启用。
后台基础配置
进入【自定义字体】设置面板
1. 开启功能总开关
2. 添加字体:上传字体文件,填写字体名称、字重
3. 分配字体作用范围
示例方案:
正文:思源黑体;标题:阿里巴巴普惠体
4. 开启字体交换模式(swap),缓解文字白屏闪烁
5. 设置移动端是否启用自定义字体
保存设置,清理全站缓存,前台刷新测试。
重点避坑指南
- **字体版权优先**:商用站点务必使用授权免费字体,规避侵权风险
- 字体文件不要过大,建议子集精简字符,防止拖慢网站速度
- 优先使用 woff2 格式,ttf 体积大,尽量不要直接上传
- 不要同时启用多个字体美化插件,容易 CSS 冲突、字体不生效
- 若字体加载异常:检查目录权限、CDN 是否拦截字体文件,无痕窗口测试
FAQ
Q:子比主题可以直接自定义字体,为什么还要插件?
A:子比自带字体设置选择有限;插件可以上传任意本地字体,区分标题 / 正文,主题升级配置不会丢失。
Q:部署完成前台字体不变?
A:清理网站缓存、浏览器缓存;确认 CSS 选择器匹配子比页面标签。
Q:开启字体后页面加载变慢怎么办?
A:只保留需要的字重,精简字体字符;不要一次性加载多款字体。
Q:字体在移动端显示错乱?
A:核对插件移动端开关;搭配备用系统字体,防止兼容异常。
结语
想要打造独特站点视觉风格,自定义字体是性价比很高的优化手段。插件可视化操作,不用折腾代码,轻松美化全站文字观感。
本站资源大多来自网络,如有侵犯权益请联系管理员,我们会第一时间审核删除。站内资源仅供学习测试,未经许可禁止商用,请在24小时内删除。
遇到付费内容?升级终身VIP即可全站免费畅享所有资源,可以联系我的微信进行开通。
你的群名:闲云笔记














暂无评论内容