Virgil 字体安装指南:在 Figma、PPT、Photoshop 等工具中的使用教程
【免费下载链接】virgilThe old-font that powered Excalidraw. Now replaced by Excalifont.项目地址: https://gitcode.com/gh_mirrors/vi/virgil
Virgil 字体是著名白板绘图工具 Excalidraw 的官方手写字体,由设计师 Ellinor Rapp 创作并完全开源。本文是一份面向新手的Virgil 字体安装指南,手把手教你如何下载、安装,并快速在 Figma、PPT、Photoshop、网页等场景中使用这这款亲切可爱的手写字体,全程无需任何代码基础。📝
Virgil 字体是什么?为什么它如此受欢迎?✨
Virgil 是一款笔画自然、带有手写温度感的无衬线手写字体,曾被广泛用于 Excalidraw 的界面与白板文字中,让枯燥的图形笔记瞬间变得生动亲切。它支持拉丁文、希腊文、西里尔字母、数字与常用符号,覆盖范围广,非常适合做笔记排版、示意图标注、海报标题和演示文稿装饰。
💡 小知识:随着 Excalidraw 的发展,官方已用新字体Excalifont取代 Virgil,但 Virgil 依然作为一款经典的开源手写字体持续开放下载,值得收藏和使用。
此外,Virgil 采用SIL Open Font License 1.1(OFL)开源协议,个人与商业用途均可免费使用、修改和再分发(仅不能单独售卖字体文件),具体条款见项目根目录的 LICENSE.md。使用无忧,放心上手!🎨
第一步:获取 Virgil 字体文件(两种快速方法)🚀
方法一:直接下载 woff2 字体文件(最快)
在项目根目录中,字体成品文件就是Virgil.woff2(约 61KB),它是现代 Web 通用的高效字体格式,浏览器加载飞快。网页设计师可以直接下载后嵌入自己的项目,具体用法见下文"网页嵌入"一节。
方法二:通过 git clone 获取完整项目(推荐进阶用户)
如果你想同时拿到源码、样例页面和开发脚本,可以用 git 克隆整个仓库:
git clone https://gitcode.com/gh_mirrors/vi/virgil克隆后你会得到完整目录结构,其中核心文件如下:
| 文件 / 目录 | 作用说明 |
|---|---|
Virgil.woff2 | 字体成品文件,可直接用于网页 |
src/Virgil.vfj | FontLab 字体源文件(JSON 格式),供设计师二次开发 |
index.html | 字体在线预览页,内置"输入文字看效果"的试玩区 |
script/cleanup.js | 清理字形元数据的辅助脚本 |
package.json | 项目构建与代码规范脚本配置 |
打开项目中的index.html,你可以在试玩输入框里输入任意文字,实时预览 Virgil 字体的实际效果——安装前先体验,安装后不后悔!👀
快速安装方法:把 Virgil 装进系统字体库(Windows / macOS)💻
在桌面软件(PPT、Photoshop 等)中使用字体,需要先把字体安装到系统。由于仓库提供的是 woff2 格式,建议先用在线字体转换工具(搜索"woff2 to ttf"即可)把Virgil.woff2转换为更通用的TTF 格式,然后按以下步骤操作:
Windows 系统:
- 右键点击转换好的
Virgil.ttf文件 - 选择"安装"(或"为所有用户安装")
- 重启 PowerPoint、Photoshop 等软件即可在字体列表中找到 Virgil
macOS 系统:
- 双击
Virgil.ttf文件 - 在打开的"字体册"窗口中点击右下角"安装字体"
- 完成后在任意软件的字体菜单中即可调用
安装成功后,在软件的字体下拉框中输入 "Virgil" 就能快速定位到它。✅
在 Figma 中使用 Virgil 字体(设计协作利器)🎯
Figma 是浏览器端的协作设计工具,字体使用有两种方式:
方式一:本地安装后直接使用Figma 桌面端会读取系统字体库,按上文方法将 Virgil 安装到系统后,在 Figma 中选中文本框,字体栏搜索Virgil即可直接应用,和本地软件体验一致。
方式二:团队字体库共享如果你的团队都在 Figma 中协作,可以将转换好的 TTF/OTF 文件上传到 Figma 的团队字体(Team Fonts)中,这样所有协作者无需本地安装也能看到一致的手写效果,非常适合团队笔记与流程图项目。🤝
💡 技巧:用 Virgil 字体做白板风 PPT 或产品示意图的注释文字,能瞬间提升亲和力与手绘感。
在 PowerPoint(PPT)中使用 Virgil 字体 📊
给 PPT 加入手写字体是让演示"活起来"的捷径:
- 确保系统已安装 Virgil(见上文"快速安装方法")
- 打开 PPT,选中需要修改的文本框
- 在"开始"选项卡的字体下拉框中,输入
Virgil并选中 - 建议配合较粗的字号(24pt 以上)和暖色系主题,手写感更突出
给 PPT 新手的小贴士:
- 手写字体适合标题、强调句和标注,正文建议仍用常规字体,避免长时间阅读疲劳
- 若 PPT 需要发给他人,可在"文件 → 选项 → 保存"中勾选"将字体嵌入文件",保证对方打开时样式不丢失
在 Photoshop 中使用 Virgil 字体 🖌️
Photoshop 中启用 Virgil 同样简单:
- 确认字体已安装到系统
- 选择左侧"横排文字工具"(T)
- 在顶部字符面板的字体下拉框输入
Virgil - 即可直接输入文字,配合图层样式(描边、投影)做出可爱的涂鸦标题
进阶玩法:用 Virgil 配合画笔工具手绘边框、箭头等元素,可以快速做出"手账风"海报、笔记封面和社交媒体配图。若需要更精细的排版控制,可在"窗口 → 字符"面板中调节字距与行距。✏️
在网页与 Excalidraw 中嵌入 Virgil 字体 🌐
网页开发者可以直接使用项目中的Virgil.woff2文件,通过标准的@font-face规则引入,这与项目自带预览页 index.html 的用法一致:
@font-face { font-family: "Virgil"; src: url("Virgil.woff2"); font-display: swap; }随后在样式中指定font-family: Virgil;即可全局生效。由于 woff2 体积小、加载快,非常适合博客、文档站和在线白板类产品使用,重现 Excalidraw 标志性的手写体验。若你的项目中还有 Excalidraw 旧版白板,也可以在字体设置中手动指定 Virgil 字体文件路径来恢复经典外观。🔧
常见问题解答(FAQ)❓
Q1:Virgil 字体可以商用吗?可以。Virgil 采用 OFL-1.1 开源协议,允许免费用于商业项目,但不能单独售卖字体文件本身。
Q2:woff2 格式打不开怎么办?woff2 主要面向网页,桌面软件请先转换为 TTF/OTF 格式再安装;网页端则直接使用 woff2 即可。
Q3:想修改字体该怎么做?设计师可基于src/Virgil.vfj(FontLab 源文件)进行二次开发,项目还提供了 script/cleanup.js 辅助清理字形元数据,配合package.json中的 lint/fix 脚本即可规范化输出。
Q4:Virgil 和 Excalifont 有什么区别?两者都出自 Excalidraw 团队,Excalifont 是 Virgil 的继任者,风格更完善;Virgil 依然是经典选择,且本仓库持续维护、开箱即用。
小结:三分钟搞定 Virgil 字体安装 🏁
回顾一下整个流程:下载/克隆 → 转换 TTF → 安装到系统 → 在 Figma、PPT、Photoshop 中搜索使用,全程不需要写一行代码。Virgil 字体安装就是这么简单!
如果你喜欢手写风格的视觉表达,无论是做 PPT、设计海报,还是给网页添一点温度,都值得把 Virgil 收进你的字体库。现在就动手安装,让作品"手写"起来吧!🎉
【免费下载链接】virgilThe old-font that powered Excalidraw. Now replaced by Excalifont.项目地址: https://gitcode.com/gh_mirrors/vi/virgil
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考