Virgil 字体安装指南在 Figma、PPT、Photoshop 等工具中的使用教程【免费下载链接】virgilThe old-font that powered Excalidraw. Now replaced by Excalifont.项目地址: https://gitcode.com/gh_mirrors/vi/virgilVirgil 字体是著名白板绘图工具 Excalidraw 的官方手写字体由设计师 Ellinor Rapp 创作并完全开源。本文是一份面向新手的Virgil 字体安装指南手把手教你如何下载、安装并快速在 Figma、PPT、Photoshop、网页等场景中使用这这款亲切可爱的手写字体全程无需任何代码基础。Virgil 字体是什么为什么它如此受欢迎✨Virgil 是一款笔画自然、带有手写温度感的无衬线手写字体曾被广泛用于 Excalidraw 的界面与白板文字中让枯燥的图形笔记瞬间变得生动亲切。它支持拉丁文、希腊文、西里尔字母、数字与常用符号覆盖范围广非常适合做笔记排版、示意图标注、海报标题和演示文稿装饰。 小知识随着 Excalidraw 的发展官方已用新字体Excalifont取代 Virgil但 Virgil 依然作为一款经典的开源手写字体持续开放下载值得收藏和使用。此外Virgil 采用SIL Open Font License 1.1OFL开源协议个人与商业用途均可免费使用、修改和再分发仅不能单独售卖字体文件具体条款见项目根目录的 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 系统右键点击转换好的Virgil.ttf文件选择安装或为所有用户安装重启 PowerPoint、Photoshop 等软件即可在字体列表中找到 VirgilmacOS 系统双击Virgil.ttf文件在打开的字体册窗口中点击右下角安装字体完成后在任意软件的字体菜单中即可调用安装成功后在软件的字体下拉框中输入 Virgil 就能快速定位到它。✅在 Figma 中使用 Virgil 字体设计协作利器Figma 是浏览器端的协作设计工具字体使用有两种方式方式一本地安装后直接使用Figma 桌面端会读取系统字体库按上文方法将 Virgil 安装到系统后在 Figma 中选中文本框字体栏搜索Virgil即可直接应用和本地软件体验一致。方式二团队字体库共享如果你的团队都在 Figma 中协作可以将转换好的 TTF/OTF 文件上传到 Figma 的团队字体Team Fonts中这样所有协作者无需本地安装也能看到一致的手写效果非常适合团队笔记与流程图项目。 技巧用 Virgil 字体做白板风 PPT 或产品示意图的注释文字能瞬间提升亲和力与手绘感。在 PowerPointPPT中使用 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❓Q1Virgil 字体可以商用吗可以。Virgil 采用 OFL-1.1 开源协议允许免费用于商业项目但不能单独售卖字体文件本身。Q2woff2 格式打不开怎么办woff2 主要面向网页桌面软件请先转换为 TTF/OTF 格式再安装网页端则直接使用 woff2 即可。Q3想修改字体该怎么做设计师可基于src/Virgil.vfjFontLab 源文件进行二次开发项目还提供了 script/cleanup.js 辅助清理字形元数据配合package.json中的 lint/fix 脚本即可规范化输出。Q4Virgil 和 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），仅供参考