Matrix 首页推荐
Matrix 是少数派的写作社区，我们主张分享真实的产品体验，有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章，展示来自用户的最真实的体验和观点。
文章代表作者个人观点，少数派仅对标题和排版略作修改。
最近我干了一件「大事」——在 Figma Community 上开源了一份我整理的免费商用字体库。
起因萌生这个想法大约是在四年前，当时在上家公司上班，看到其收到几封字体侵权的律师函，也才意识到原来侵权可能离我并不遥远。
当时我仅仅是知道字体有版权一说，到底我是用的字体是不是有版权、能不能商用、有什么授权限制其实都不太清楚。出于谨慎，我用字体前都会再三查询确认，这无疑是件很麻烦的事情。
于是乎，我新建了一个 Excel 来记录……
不使用现成的是因为不信任网络上已经整理好的免费商用字体库很多，我不使用纯粹是因为不信任。
不信任浮躁的互联网环境，在流量为王、标题党为主的年代，取一个能吸引眼球的标题比内容要有用太多。
不信任 Ctrl+C、Ctrl+V 的「复制文」。只要冠上「免费字体」的字眼，再把「免费」的字体名称打上去就完事，雷同文遍地泛滥。有时同一个错误，篇篇都错得一致。
这两天在逛 Figma Community 看到《200 个免费商用中英文字体·附下载链接》这篇收集贴，赫然收录了汉仪旗黑！要知道，汉仪旗下的免费字库也就只有贤二体啊。
汉仪免费字库有哪些？
汉仪商用全免费字库：贤二体（注：版权归属为龙泉寺动漫中心）
——来源：https://www.hanyi.com.cn/faq
所以，我决定一定得「重造轮子」。
目的首先是方便自己可以随时查阅；其次，公开发布出来，尽一点点力影响多哪怕一个人有字体版权意识；第三，可以冲淡标题党文的占比，虽然微乎其微。
准备阶段我把「重造轮子」分为三个阶段：准备、执行与验证。
动手之前想清楚要什么、要什么样的。前期的思考是最重要的，想明白再动手会比毫无目的做事来得强。
除了常见的中英文外，阿拉伯文、藏文等小众字体我是否要收集；Emoji 字体、图标字体（如 Font Awesome）或者彩色字体呢？收集到的字体千千万万，我要以什么样的标准筛选，要做大而全还是少而精呢？这些都是需要思考并先确定的内容。
标准我会优先思考我的使用场景（是的，以我个人需求为主）：
我的日常工作用到的字体一般都是简体中文与英文，偶尔会有繁体中文、阿拉伯文、俄文等（主要是国际化需求，特别是联合国的六种正式语言），最主要地区是中国大陆。中文使用上常见字居多，生僻字基本没有，所以至少支持六七千汉字的字库就足够了；英文上也只要大小写字母与基本标点符号；几乎不会有特殊符号的需求。业务上以常见功能性的为主，少有个性化需求，更不需要可变字体等「花里胡哨」的。多用于 Web、移动端展现，少量会在平面等视觉设计上体现、内置到产品中。实用美观的、但却需要付费的平替字体也会加入表格中。其次考虑风险：
必须是「官网」（微信公众号、GitHub 等也算是某种程度上的官网）上明确声明「免费商用」、没有时间限制、没有地区限制、没有终端限制等。个人设计师设计的字体酌情收录。因为验证阶段发现有两位设计师使用的字体制作软件为个人非商用使用权限，其所生成的字体文件存在商用权问题（可以参考 我整理的字体库 中的「谦度手写楷体」）。综上，筛选标准大致有了：简体中文为主 / 少量其他语言 / 常用字库 / 字型较为中规中矩 / 多字重 / 必须官网有明确授权声明 / 大厂为主 / 注意字体体积 / 需要平替字体。
那么，比较可爱的、点缀过多的、笔迹过于「狂野」的、音符类的等字体如果设计得足够优秀，可以酌情留下。剩下的字体中，基于开源字体（如思源宋体、思源黑体）二次制作的、雷同性较大的字体，择优收录。
执行阶段执行阶段就比较枯燥、机械化了。大致步骤分有：初步收集、找字体官网、找到并分析授权声明、包装与情感化设计。
初步收集想清楚要什么字体后，下来便是无脑地把能找到的字体都先记录下来。不管字体质量如何、场景如何，统统罗列到一个清单中并进行简单分类。我是以「作者 / 系列」作为第一个分类维度，独立设计师或者单款字体，我统一归放到「独立字体」中。
找字体官网找字体官网有几个小技巧：
如果是「大厂」字体，比如阿里妈妈东方大楷，直接在搜索引擎中输入字体名称，找到跟「阿里」相关的域名点进去一般不会错，比如 alibabafonts.com、iconfont.cn，再在官网中搜索关键词找到字体介绍详情页（这里需要有能分辨李鬼域名的基础能力）。如果方法一种找不到，可以选择「曲线救国」。在搜索结果中打开比较有「威望」的设计类网站，如 zcool.com.cn、uisdc.com 等，从它们的介绍文章中尝试找到官网地址。「小厂」或者独立设计师的字体，一般可以从个人网站、微信公众号、个人站酷、GitHub 甚至 Google Fonts 上找到，字体详情页中一般会附上官网地址、授权声明以及下载方式。如果以上方法都找不到，最后只能寄托于第三方字体网站了，也是在字体详情页中翻找官网。但有的字体网站不会有任何标注，它们只负责收录，不负责筛选，更不负责任。最极端情况，一款字体无论如何都无法找到官网，那么会被直接舍弃，毕竟最官方最权威的地方都找不到，网络流传的任何授权声明都无可信度。
找到并分析授权声明找到字体官网后，一般会很容易看到授权声明，后续就是一个细致活，尽量一个一个字读并理解它到底说了什么。一般正规一点的字体会有一份授权书或者比较明确的表格列清楚授权范围，「偷懒」的作者会简单粗暴写上「永久免费商用」。
如授权无问题，字体也符合我既定的要求，这个就算正式成为我字体库的一员了。
包装与情感化设计考虑到 Excel 看着不方便，满屏都是格子文字，没有预览也不清楚字体到底长什么样子。这时候就需要包装，把「能用」转化为「好用」了。
我第一反应是直接把 Excel 转换为 Markdown，好处是方便编辑、兼容性强、换套 CSS 就达到不同的视觉效果。但是，表格无法实现跨列、跨行，并且现阶段没有非常好的解决方案。此方案弃用。
接下来考虑纯静态 HTML 的