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

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

👉 代码仓库

👉在线地址

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

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

项目特点:

  • 隐私友好,整个流程都在本地浏览器完成,不走服务端上传。
  • 内置常用的汉字、标点、因为跟等,并支持追加字符
  • 支持上传 ttf/otf 源字体
  • 支持手动追加字符和上传字符集文本
  • 输出 woff2
相关推荐
老王以为2 小时前
Vue & React 服务端渲染深度分析
前端·vue.js·react.js
im_AMBER2 小时前
协同文档丢失?Yjs状态漂移与三层防线
前端·react.js·架构
Waoooo19992 小时前
谷歌云配置嵌套虚拟化
前端·chrome
风花雪月_2 小时前
保姆级 | 实现大文件切片上传、断点续传与秒传(Vue3+React+Node全覆盖)
前端
用户游民2 小时前
Android xml设置fitsSystemWindows与ImmersionBar设置fitsSystemWindows的区别及影响
前端
空中海2 小时前
第三章: Vue 3组合式 API(Composition API)
前端·javascript·vue.js
Wect2 小时前
HTML5 原生拖拽 API 基础原理与核心机制
前端·面试·html
用户游民2 小时前
Android 的 FragmentTransaction 中,hide() 和 add() 方法的执行顺序
前端
前端技术2 小时前
华为余承东:鸿蒙终端设备数突破5500万
java·前端·javascript·人工智能·python·华为·harmonyos