LeaferJS 新插件实现中文字体按需加载，体积缩减至 KB 级

针对前端开发中中文字体文件体积过大（通常 10MB 以上）导致的加载缓慢和流量消耗问题，开发者发布了基于 LeaferJS 的插件 leafer-x-webfont。该插件通过集成开源服务 web-font，实现了字体子集的按需动态加载。其工作原理是自动扫描画布中的文本内容，仅将实际使用的字符发送至服务端进行毫秒级裁剪，将字体体积从 MB 级缩减至 KB 级（如 6 个字仅 6KB）。该插件支持浏览器端与 Node.js 端双端同构，无需修改业务代码即可自动注册 FontFace 并触发重绘，且具备增量请求能力。该解决方案提供了免费公共服务，也支持通过 Docker 一键私有化部署，适用于海报编辑器、数据大屏及服务端生图等场景。

事件分析

核心观点：按需子集化技术将中文字体从静态巨量资源转变为动态微型服务，彻底解决了 Web 设计工具的流量与性能瓶颈。