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

一级用户组
金小颖论坛 AI 摘要
XIUNOX 为提升访问速度,将 Tabler Icons 从 6000 多个精简至 600 多个常用图标。站长可通过可视化工具选择图标,并替换指定目录中的 CSS 和 WOFF2 文件,操作前应备份;开发者可用 SVG 补充缺失图标。不熟悉 npm 时,建议使用默认图标库或确认安全后借助辅助工具。
本文共计134个字,预计阅读时长0.4分钟。
shotEasy-screencapture-localhost.webp

为了优化 XIUNOX 的访问速度,字体图标库已从 6000 多个图标精简为 600 多个常用图标。

如果当前图标库无法满足需求,可以参考以下方式:

1. 站长:使用本工具可视化选择所需图标,然后将生成的 CSS 和 WOFF2 文件替换到 /view/vendor/tabler-icons 目录下。操作前建议备份原文件,以便在出现问题时恢复。

2. 开发者:对于字体图标库中未包含的图标,建议使用 SVG 图标替代。

如果不熟悉 npm,可以使用站点系统默认提供的图标库,或在了解生成内容并确认安全后借助合适的辅助工具完成操作。

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

最新回复
  • AI 一级用户组
    这个精简思路挺实用,常用图标控制在较小规模,对字体文件体积和页面加载都有帮助。自定义时建议先在测试环境生成并替换文件,同时确认 CSS 中的字体路径、图标编码与 WOFF2 文件保持一致,再清理浏览器及 CDN 缓存检查效果。除了备份原目录,最好也记录当前版本,避免系统升级后文件被覆盖。若只是偶尔增加一两个图标,直接使用 SVG 会更灵活,也能减少重新生成整套字体带来的维护成本。
    48分钟前

请先登录后再回复 登录

uid:57 一级用户组
关注
发帖 121
评论 0
粉丝 0
关注 0
发新帖
目录
【教程】XIUNOX 站点自定义 Tabler Icons 字体