Maple Mono WOFF2 压缩实现手记：一份变量字体 TTF 缩到三分之一-北京尧图网络

Maple Mono WOFF2 压缩实现手记一份变量字体 TTF 缩到三分之一【免费下载链接】maple-fontMaple Mono: Open source monospace font with round corner, ligatures and Nerd-Font icons for IDE and terminal, fine-grained customization options. 带连字和控制台图标的圆角等宽字体中英文宽度完美2:1细粒度的自定义选项项目地址: https://gitcode.com/GitHub_Trending/ma/maple-fontMaple Mono 的落地页能在浏览器里实时切换字重但页面实际下载的字体只是约 128 KB 的 WOFF2Web Open Font Format 2W3C 定义的网页字体封装格式而不是仓库里 414 KB 的 TTF 源文件。这款圆角等宽字体的变量轴与连字数据都被打包进了这个更小的文件。TTF 与 WOFF2 体积对照常规体与斜体两个变量字体的源文件和产物都直接提交在仓库中数字可以直接核对字体变体TTFsource/WOFF2woff2/var/缩减常规体 MapleMono[wght]424,152 B约 414 KB130,908 B约 128 KB69.1%斜体 MapleMono-Italic[wght]473,016 B约 462 KB152,816 B约 149 KB67.7%需要说明的是这份 WOFF2 是不含 Nerd-Font 图标的基础字体带图标的完整版本 TTF如source/MapleMono-NF-Base.ttf约 1.9 MB图标版压缩幅度更大但构建耗时也更长所以落地页只发布了基础变量字体。为什么能压到这种比例Brotli 压缩后端WOFF2 把 TTF 逐表封装表数据改用 Brotli 算法压缩。Brotli 是 LZ77 的改进实现压缩比高于 WOFF1 使用的 DEFLATE。字形级重编码glyf表中的轮廓按单个字形拆解控制点少的简单字形用更紧凑的编码重写而不是原样存储。变量字体轮廓连续wght 变量字体把全部字重放进同一套轮廓流字重之间不存在重复的字形数据给 LZ77 滑窗留下了可复用的冗余。特性表冗余高这款字体的 GSUB/GPOS 里带有大量连字与 cv/ss 自定义选项重复性结构正是 Brotli 擅长压缩的内容。项目里的压缩流水线依赖关系在 requirements.txt 中声明fonttools4.62.1是转换核心brotli1.2.0提供压缩后端foundrytools-cli2.1.1提供命令行工具。入口是 task.py 的page --woff2子命令实际逻辑在 source/py/task/page.py分三步用--ttf-only --no-nerd-font --least-styles参数运行 build.py只产出最小的变量 TTF 到fonts/Variable执行ftcli converter ft2wf -f woff2把该目录下的 TTF 批量转为 WOFF2重命名并把产物挪进落地页的字体目录if woff2: print(Update woff2) font_dir joinPaths(submodule_path, public, fonts) os.system(python build.py --ttf-only --no-nerd-font --least-styles) os.system(fftcli converter ft2wf -f woff2 {var_dir}) shutil.rmtree(font_dir, ignore_errorsTrue) os.makedirs(font_dir, exist_okTrue) for filename in os.listdir(var_dir): if filename.endswith(.woff2): os.rename( joinPaths(var_dir, filename), joinPaths(font_dir, filename.replace(.ttf.woff2, -VF.woff2)), )最终文件存放在 woff2/var/命名从.ttf.woff2改为-VF.woff2由上面最后一步的 rename 完成。两种拿到 WOFF2 文件的方式直接引用仓库已有预构建产物网页的font-face里直接指向woff2/var/MapleMono[wght]-VF.woff2斜体换成 Italic 文件名即可。自行构建想改 hinting、宽度或特性组合时git clone https://gitcode.com/GitHub_Trending/ma/maple-fontpip install -r requirements.txtpython build.py --ttf-only --no-nerd-font --least-stylesftcli converter ft2wf -f woff2 fonts/Variable第 4 步完成后 WOFF2 就生成在fonts/Variable目录下也可以跳过 3、4 两步直接跑python task.py page --woff2一次完成。延伸README.md 与 README_CN.md构建脚本的完整参数说明包括--widthdefault 600 / narrow 550 / slim 500和--feat特性冻结source/py/特性文件生成与浏览器端特性切换的代码连字和自定义选项都来自这里落地页的字体加载已经足够轻如果你的项目也想用 Maple Mono直接从 WOFF2 目录开始即可想跟进压缩参数的调整可以在项目的讨论区留言。【免费下载链接】maple-fontMaple Mono: Open source monospace font with round corner, ligatures and Nerd-Font icons for IDE and terminal, fine-grained customization options. 带连字和控制台图标的圆角等宽字体中英文宽度完美2:1细粒度的自定义选项项目地址: https://gitcode.com/GitHub_Trending/ma/maple-font创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

Maple Mono WOFF2 压缩实现手记：一份变量字体 TTF 缩到三分之一

相关推荐

免费开源的磁盘清理工具 Czkawka：14 项扫描 + 重复文件检测一次搞定

Label Studio 数据标注工具：从安装到标注 3 步跑通

Koodo Reader TTS 语音朗读：3 步配好你的专属听书声音

更多资讯

SpringBoot网上蛋糕店管理系统设计与实现：从数据库到订单事务

SpringBoot智慧校园管理系统落地指南：选型、代码与避坑

十四合一代付系统源码拆解：H5收银台与二次开发实战

苹果手机微信记录备份到Win：WX Backup导出与避坑指南

Oracle到瀚高数据库数据抽取环境搭建与避坑指南

Spy++ Lite实战：窗口句柄抓取与Windows消息流排查

今日更新

AI智能体开发实战：从技术原理到商业落地

OpenShell 完全定制指南：从安装到深度配置，打造高效 Windows 开始菜单

Superpowers技能体系全解析：从Skills引入到安装的完整指南

本周精选

防幻觉智能体架构：电源硬件设计中的大模型编排与工具化实践

OpenGL面试核心考点：渲染管线、矩阵变换与性能排查全解析

全国计算机二级C语言真题PDF高效刷题指南

本月热门

我发现了一个新思路：用 Remotion + Claude Code 像写代码一样自动化生成短视频

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式：TaoToken 统一 Key 配置与验证

2026 大模型集体涨价：用 Python 做企业 Token 成本测算与选型避坑（附配置）

读完文章，想聊聊您的网站？