从 Virgil 到 Excalifont：Excalidraw 官方字体演变史与背后原因

从 Virgil 到 ExcalifontExcalidraw 官方字体演变史与背后原因【免费下载链接】virgilThe old-font that powered Excalidraw. Now replaced by Excalifont.项目地址: https://gitcode.com/gh_mirrors/vi/virgilVirgil 字体是知名开源绘图工具 Excalidraw 的第一款官方字体一款极具辨识度的开源手写风格字体。它由字体设计师 Ellinor Rapp 创作于 2021 年正式开源曾长期支撑着 Excalidraw 中所有文字的呈现。如今Excalidraw 官方已用新一代 Excalifont 字体将其取代而本仓库则完整保留了 Virgil 字体的全部资料堪称这段字体演变史的珍贵存档。本文将从零开始带你了解 Virgil 字体的前世今生并解析它被 Excalifont 取代背后的真实原因。Virgil 字体是什么Excalidraw 手写风格的灵魂 ✏️Excalidraw 是一款以手绘感著称的开源白板绘图工具用户画出的每个方框、箭头都带有自然的手写笔迹质感。而 Virgil 字体正是这种视觉风格的灵魂——它让画布上的文字与手绘图形浑然一体这也是无数用户爱上 Excalidraw 的原因之一。Virgil 字体由 Excalidraw 团队的字体设计师Ellinor Rapp创作项目说明文档 README.md 中明确写道The official font of Excalidraw by Ellinor Rapp即 Excalidraw 官方字体。2021 年这款字体在 index.html 展示页中正式宣告开源页面还内置了在线试写playground功能任何人都可以输入文字即时预览效果。Virgil 字体的三大核心特点 1. 纯正的手写感设计与常见的印刷体不同Virgil 字体的每个字母都带有轻微的手绘笔触与不规则感与 Excalidraw 的草图风格高度统一让画出来的笔记更具人情味与温度。2. 覆盖多种语言文字从展示页 index.html 可以看到Virgil 字体完整支持拉丁字母、希腊字母、西里尔字母、数字及常用符号能够满足多语言场景的基本需求。3. 开源且公开源文件Virgil 字体采用 SIL Open Font License 1.1 开源协议除了可直接使用的字体文件 Virgil.woff2仅约 60KB仓库还开放了 FontLab 源文件 src/Virgil.vfj——这是一个包含 534 个字形、超过 4 万行数据的字体工程文件对字体设计爱好者极具学习价值。为什么 Virgil 会被 Excalifont 取代四大原因解析 仓库的项目描述给出了最直接的答案The old-font that powered Excalidraw. Now replaced by Excalifont.曾驱动 Excalidraw 的旧字体现已被 Excalifont 取代。综合公开信息与仓库资料原因主要有四点原因具体说明字符覆盖有限Virgil 仅含 534 个字形面对日益增长的多语言与数学符号需求略显吃力字形一致性待提升早期字体在不同字号下的笔触表现不够稳定项目持续演进作为核心 UI 元素字体需要随 Excalidraw 的功能扩展同步迭代设计理念升级Excalifont 在设计之初就有更完整的规划覆盖更广、细节更统一Virgil 与 Excalifont 的核心区别对比 对比项Virgil 字体Excalifont 字体定位第一代官方字体2021 年开源新一代官方字体字形数量534 个字形更全面的字符覆盖语言支持Latin / Greek / Cyrillic 等更广泛的多语言与符号支持当前状态已退役作为存档保留Excalidraw 现役默认字体简单来说Excalifont 可以看作是 Virgil 字体在字符覆盖、字形细节与可读性上的全面升级版二者在设计上一脉相承。快速获取 Virgil 字体下载与使用方法 方法一直接下载 woff2 字体文件最轻量的方式是直接获取网页字体文件 Virgil.woff2适合前端开发者在网页中快速引入。方法二克隆完整仓库如果你需要源文件或完整资料可以克隆仓库git clone https://gitcode.com/gh_mirrors/vi/virgil仓库结构清晰主要包含以下内容Virgil.woff2可直接部署的 woff2 网页字体src/Virgil.vfjFontLab 字体源文件设计的源头index.html官方展示与在线试写页面script/cleanup.js字体源文件的清理脚本package.json项目配置与 lint 脚本在网页中使用的最简方式只需用font-face声明字体并指定 font-family 即可font-face { font-family: Virgil; src: url(Virgil.woff2); }之后将文字元素的 font-family 设为 Virgil就能获得原汁原味的手写效果。免费商用Virgil 字体的开源许可详解 ⚖️很多新手最关心的问题Virgil 字体能商用吗答案是——可以。Virgil 字体采用 SIL Open Font License 1.1详见 LICENSE.md允许自由使用、修改和再分发包括与商业软件捆绑。唯一需要注意的是Virgil 是保留字体名称Reserved Font Name修改后的衍生字体不能继续使用该名称。小结一段字体演变的启示 从 Virgil 到 Excalifont改变的不仅是字体文件本身更是 Excalidraw 对手写体验不断打磨的态度。对普通用户而言Virgil 字体依然可以自由下载、免费使用对开发者与设计师而言这个开源仓库更是研究一款产品级手写字体如何设计与迭代的绝佳样本。如果你也想让界面多一点手写的温度不妨从 Virgil 字体开始尝试。【免费下载链接】virgilThe old-font that powered Excalidraw. Now replaced by Excalifont.项目地址: https://gitcode.com/gh_mirrors/vi/virgil创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考