如何从零定制一款开源中文字体：未来荧黑终极上手指南

如何从零定制一款开源中文字体：未来荧黑终极上手指南

【免费下载链接】glow-sansSHSans-derived CJK font family with a more concise & modern look. 未来荧黑·未來熒黑·ヒカリ角ゴ：基于思源黑体改造，拥有粗度和宽度系列，更加简明现代的超大字体家族。项目地址: https://gitcode.com/gh_mirrors/gl/glow-sans

你是不是也有这种感觉：英文网站随手就能找到几百款风格迥异的漂亮字体，可一到中文，翻来覆去就是那几张老面孔。想给海报换个气质、给 App 换个更现代的排版，却常常因为"中文字体设计太专业"而放弃。其实，这条路已经有人替你打通了。未来荧黑（Glow Sans）就是一款基于思源黑体改造的开源 CJK 字体，它通过参数化设计，把"设计一款字体"从手工活变成了可调节的工程——9 种字重 × 5 种宽度，共 44 款组合，而且完全免费可商用。

从思源黑体的"骨"里长出来的新面孔

未来荧黑的故事要从思源黑体说起。思源黑体是 Adobe 和 Google 联手打造的开源字体，覆盖简体中文、繁体中文和日文，质量没得说，但它只有 7 个字重、没有宽度变化，风格也比较"标准"。

未来荧黑做的事情，相当于在思源黑体的骨架之上做了一次"微整形"：字面更收敛、中宫更紧凑、重心重新排布，笔画细节更干净利落。更妙的是，这一切不是设计师逐字逐笔改出来的，而是靠图像处理算法完成的。开发者先把字形轮廓转换成一种可形变的"字形模型"，再通过参数驱动变形，于是"调字体"这件事就从 Photoshop 式的精雕细琢，变成了拧旋钮式的工程操作。你甚至不需要安装任何字体设计软件，整个制作过程靠代码就能跑完。

蓝底白字的家族展示图：左侧是"未来荧黑"字样，右侧铺满"東"字网格，直观呈现其简明现代的字形气质。

5 分钟看到定制效果

想最快感受到这套字体的魅力，普通人根本不用碰代码——直接去 Release 发布页下载对应字重的文件，安装到系统字体目录（Windows 是C:\Windows\Fonts，macOS 是~/Library/Fonts，Linux 是~/.local/share/fonts），然后在任何软件里选"Glow Sans"就能用。

如果你对"定制"本身更感兴趣，仓库里还藏着一个可视化调参 demo。把仓库克隆到本地后启动预览服务：

git clone https://gitcode.com/gh_mirrors/gl/glow-sans cd glow-sans npm install # 安装依赖 npm run serve # 启动本地预览，浏览器访问 localhost:8080

打开页面，左边是参数滑块，中间是实时字形预览，拖一下滑块、字立刻变化，所见即所得。这个 demo 本身也是作者用来确定字体参数的"生产工具"，可以说是把工作台直接端到你面前了。想从源码完整构建整套字体的开发者，则按npm run init-fonts（下载字体素材）→npm run build-family的顺序执行即可。

像调音台一样调字体

调字体和调声音，其实是同一件事。录音棚里的调音台有很多旋钮：音量、低音、高音、混响……每个旋钮管一个维度，拧一点就有反应。未来荧黑的参数面板就是一座字体的调音台，核心旋钮大约 16 个，这里挑几个最常用的说：

• weight（字重）：相当于"音量"，拧大笔画变粗，拧小变细；
• width（宽度）：相当于"左右声道的宽度"，控制字面宽窄；
• counter（中宫）：相当于"中频密度"，值越小字的内部空间越紧，整体越收敛；
• gravity（重心）：相当于"高音与低音的配比"，改变字的视觉重心高低；
• softness / dotsoftness（柔软度）：相当于"混响"，值越大笔画越圆润柔和；
• feetremoval / endsremoval（去脚去端）：相当于"效果器开关"，决定要不要保留装饰性的衬脚。

最直观的对照在仓库的对比图里：同样是"酉州"两个字，机械压缩出来的字笔画被挤变形，而未来荧黑通过参数化调整，宽度变窄了、笔画粗细却依然协调，视觉上舒服得多。

对比图从宽度、结构、重心、笔画四个维度展示了未来荧黑相对思源黑体的改进：衬脚被移除、重心重新配置、笔画走向更平直干练。

拿系统里自带的一组参数举个例子，parameters/glow/500.json大致长这样，注释就是每个旋钮在干嘛：

{ "weight": 1.08, // 字重，>1 偏粗 "width": 1, // 宽度，1 为正常 "counter": 0.96, // 中宫，<1 更收敛 "gravity": 1.03, // 重心，>1 略高 "flattenends": 0.75, // 笔画末端平直化程度 "feetremoval": true // 是否移除装饰衬脚 }

三个真实场景的改造实录

与其背参数表，不如看三个实际使用场景里"遇到问题 → 拧哪几个旋钮 → 解决"的小故事。

场景一：手机阅读太挤了。小屏上正文字号本来就小，笔画一糊就难读。把width收到 0.95 左右让单行塞进更多字，counter调到 0.98 略微收紧中宫增强辨识度，再把dotsoftness调到 0.5 软化点画、减少屏幕上的毛刺感，阅读体验立刻清爽一截。

场景二：印刷样张不够精神。印刷品需要更清晰的笔画区分度。把width放宽到 1.05、contrast提到 1.1 增强横竖笔画的对比，flattenends给到 0.6 让收笔更利落，同时保留feetremoval为 false——印刷场景下装饰衬脚反而是加分项，能提升整版的精致感。

场景三：网页加载慢、字又平淡。网页里按字重分别引入不同文件，配好@font-face即可。中宫略收、字重选 400 或 500 的常规款当正文，标题换 700 甚至更粗的字重，整页立刻有了层次：

@font-face { font-family: 'Glow Sans SC'; src: url('fonts/GlowSansSC-Regular.woff2') format('woff2'); font-weight: 400; /* 正文用常规字重 */ font-display: swap; }

新手最容易踩的四个坑

坑一：构建到一半内存溢出。整套家族构建动辄数小时、还要求至少 4GB 可用内存。嫌慢或想省内存，就只构建需要的子集——加参数-- --subset sc（简体）、tc（繁体）或j（日文）。真溢出了，给 Node 加内存再跑：

NODE_OPTIONS=--max-old-space-size=8192 npm run build-family

坑二：装完发现某些字显示不出来。未来荧黑剔除了少量在宽度压缩时难以处理的字符（比如带圈的 CJK 字母和月份符号），这是刻意为之，不是安装坏了。确认字体资源下载完整可重跑npm run init-fonts。

坑三：参数调了半天没反应。大概率是参数文件路径不对，或者缓存了旧构建。先npm run clean清缓存，再确认 JSON 放进了正确目录。

坑四：把它当成"可变字体"来用。它不是可变字体，是靠算法把思源黑体的静态字形做形变来拓展家族的。想实时预览形变效果，玩一下 demo 里的滑块就好，别在 CSS 里试图实时驱动它的字重轴。

关于这个开源项目，你还需要知道

• 授权很友好：字体按 SIL Open Font License 1.1 发布，免费、可商用，甚至可以修改再发布；构建字体的源码则走 MIT 协议。放心拿去做商业项目。
• 社区定位：项目目标是填补"免费可商用 + 现代简洁 + 有宽度变化"中文字体的空白，欢迎提交 Pull Request；但作者也坦白，形变算法并不完美，个别曲线质量有限，如果你遇到个别字的问题，建议反馈到 Issues，而不是指望逐字手工修复。
• 目录速览：parameters/glow/存着各字重的参数配置（也就是"配方"），src/glyph-manipulate/是字形形变的核心算法，scripts/是构建脚本，samples/里是各字体的字形样本模型，tests/里有样张 PDF 和对比图。想深挖，顺着这几条路走就行。

去调一款"你的"字体

未来的字库不会只有别人设计好的那几款，而是每个人都能像选滤镜一样挑到、甚至调出适合自己的那一款。未来荧黑已经把门槛降到了"拧旋钮"的高度——下一个站在调音台前的，为什么不能是你？现在就去动手：

git clone https://gitcode.com/gh_mirrors/gl/glow-sans cd glow-sans npm install npm run serve

浏览器打开预览页，把第一个滑块拖到底，看看那个瞬间，你的第一个专属字形已经诞生了。

【免费下载链接】glow-sansSHSans-derived CJK font family with a more concise & modern look. 未来荧黑·未來熒黑·ヒカリ角ゴ：基于思源黑体改造，拥有粗度和宽度系列，更加简明现代的超大字体家族。项目地址: https://gitcode.com/gh_mirrors/gl/glow-sans