Virgil 字体安装指南:在 Figma、PPT、Photoshop 等工具中的使用教程
2026/8/21 14:12:02 网站建设 项目流程

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.vfjFontLab 字体源文件(JSON 格式),供设计师二次开发
index.html字体在线预览页,内置"输入文字看效果"的试玩区
script/cleanup.js清理字形元数据的辅助脚本
package.json项目构建与代码规范脚本配置

打开项目中的index.html,你可以在试玩输入框里输入任意文字,实时预览 Virgil 字体的实际效果——安装前先体验,安装后不后悔!👀


快速安装方法:把 Virgil 装进系统字体库(Windows / macOS)💻

在桌面软件(PPT、Photoshop 等)中使用字体,需要先把字体安装到系统。由于仓库提供的是 woff2 格式,建议先用在线字体转换工具(搜索"woff2 to ttf"即可)把Virgil.woff2转换为更通用的TTF 格式,然后按以下步骤操作:

Windows 系统:

  1. 右键点击转换好的Virgil.ttf文件
  2. 选择"安装"(或"为所有用户安装")
  3. 重启 PowerPoint、Photoshop 等软件即可在字体列表中找到 Virgil

macOS 系统:

  1. 双击Virgil.ttf文件
  2. 在打开的"字体册"窗口中点击右下角"安装字体"
  3. 完成后在任意软件的字体菜单中即可调用

安装成功后,在软件的字体下拉框中输入 "Virgil" 就能快速定位到它。✅


在 Figma 中使用 Virgil 字体(设计协作利器)🎯

Figma 是浏览器端的协作设计工具,字体使用有两种方式:

方式一:本地安装后直接使用Figma 桌面端会读取系统字体库,按上文方法将 Virgil 安装到系统后,在 Figma 中选中文本框,字体栏搜索Virgil即可直接应用,和本地软件体验一致。

方式二:团队字体库共享如果你的团队都在 Figma 中协作,可以将转换好的 TTF/OTF 文件上传到 Figma 的团队字体(Team Fonts)中,这样所有协作者无需本地安装也能看到一致的手写效果,非常适合团队笔记与流程图项目。🤝

💡 技巧:用 Virgil 字体做白板风 PPT 或产品示意图的注释文字,能瞬间提升亲和力与手绘感。


在 PowerPoint(PPT)中使用 Virgil 字体 📊

给 PPT 加入手写字体是让演示"活起来"的捷径:

  1. 确保系统已安装 Virgil(见上文"快速安装方法")
  2. 打开 PPT,选中需要修改的文本框
  3. 在"开始"选项卡的字体下拉框中,输入Virgil并选中
  4. 建议配合较粗的字号(24pt 以上)和暖色系主题,手写感更突出

给 PPT 新手的小贴士:

  • 手写字体适合标题、强调句和标注,正文建议仍用常规字体,避免长时间阅读疲劳
  • 若 PPT 需要发给他人,可在"文件 → 选项 → 保存"中勾选"将字体嵌入文件",保证对方打开时样式不丢失

在 Photoshop 中使用 Virgil 字体 🖌️

Photoshop 中启用 Virgil 同样简单:

  1. 确认字体已安装到系统
  2. 选择左侧"横排文字工具"(T)
  3. 在顶部字符面板的字体下拉框输入Virgil
  4. 即可直接输入文字,配合图层样式(描边、投影)做出可爱的涂鸦标题

进阶玩法:用 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),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询