vibe-coding 项目:中文字体子集化工具(纯前端)

一个基于浏览器本地运行的字体子集化工具:上传字体文件,选择字符集,生成更小的 woff2 文件并提供接入代码。

👉 代码仓库

👉在线地址

做这个的起因是在开发一些大屏类系统中,UI经常会使用一些特殊的字体,比如AlibabaPuHuiTi、HarmonyOS_Sans_SC等等,而这些字体文件因为包含中文,体积几 MB 到十几 MB 很常见,对于前端首屏加载速度有不小的影响;

而中文最常用的汉字只有3500个,几乎能涵盖99%的使用,所以对这些字体文件针对常用的汉字进行子集化就是一个很好的方案;

项目特点:

  • 隐私友好,整个流程都在本地浏览器完成,不走服务端上传。
  • 内置常用的汉字、标点、因为跟等,并支持追加字符
  • 支持上传 ttf/otf 源字体
  • 支持手动追加字符和上传字符集文本
  • 输出 woff2
相关推荐
nuIl18 小时前
实现一个 Coding Agent(3):工具调用
前端·agent·cursor
nuIl18 小时前
实现一个 Coding Agent(4):ReAct 循环
前端·agent·cursor
nuIl18 小时前
实现一个 Coding Agent(1):一次 LLM 调用
前端·agent·cursor
nuIl18 小时前
实现一个 Coding Agent(2):让 LLM 流式响应
前端·agent·cursor
copyer_xyf18 小时前
Python 异常处理
前端·后端·python
sugar__salt18 小时前
从栈队列数据结构到JS原型面向对象全解
前端·javascript·数据结构
独特的螺狮粉18 小时前
篮球集训班器具管理系统 - 鸿蒙PC Electron框架完整技术实现指南
前端·javascript·华为·electron·前端框架·开源·鸿蒙
pusheng202519 小时前
IFSJ全英文专访:中国创新力量重塑先进气体感知技术,赋能全球关键基础设施安全
前端·网络·人工智能·物联网·安全
AI_零食19 小时前
番茄钟鸿蒙PC Electron框架完成:状态机、定时器管理与专注力工具设计
前端·javascript·华为·electron·开源·鸿蒙·鸿蒙系统
提子拌饭13319 小时前
逛三园游戏——基于鸿蒙PC Electron框架实现
前端·javascript·游戏·华为·electron·鸿蒙