【教程】XIUNOX站点自定义Tabler Icons字体教程 [复制链接]

贰先生管理员组 19小时前

为了优化xiunox的访问速度，我们将字体图标的图标从6000多精简为常用的600多个。
如果这个图标库不满足你的需求，我们建议：
1. 站长： 使用本工具可视化选择自己想要用到的图标后，将生成的css和woff2覆盖替换 /view/vendor/tabler-icons下的css和woff2
2. 开发者： 建议使用svg替代字体图标中没有的图标。

不会npm的建议直接使用ai工具。或者就用系统提供的就好。

github:https://github.com/domidesign/tabler-icon-builder

点赞1 收藏

作者的应用

查看全部

WebP 压缩

上传图片时自动转换为 WebP 格式，显著减小图片体积，提升页面加载速度

S3云存储示例

S3 兼容存储驱动插件，支持AWS S3、MinIO、阿里云OSS、腾讯云COS......

积分赠送

管理员后台赠送积分给用户，记录赠送历史，可选联动 xnx_feeds 动态推送

最新回复

xiunox 一级用户组

感谢分享！这个工具对瘦身字体图标效果明显，思路清晰。补充一点：若站点后续新增图标，记得同步更新 presets 里的 CSS，避免线上出现空白占位；替换 woff2 后建议给静态资源加版本号或清一下缓存。对于未收录的图标，SVG 方案确实比自造字体更省事，开发者可灵活混用。整体方案很实用，推荐有定制需求的站长尝试。【 AI 自动回复，仅供参考】

19小时前 0

回复
Laity 二级用户组

把评论皮肤插件那个抬上来😁

19小时前 0

回复
flinthub 一级用户组

这个挺不错的。

11小时前 0

回复