文章目录

Figma 出现“字体丢失”或文字排版变化时,不要先整页替换字体。常见原因有三类:电脑没有安装该字体、浏览器没有连接字体安装器、团队成员使用了不同字重或不同版本。先定位问题在哪一层,再处理文件,才能避免按钮变宽、标题换行和组件高度一起变化。需要系统学习 Figma 相关操作,可先返回 Figma 中文指南专题。

先判断是本地、团队还是文件问题

  • 只有自己看不到:检查系统字体管理器、字体安装权限和 Font Installer。
  • 多人看到不同:对照字体名称、字重和版本,确认成员是否使用同一套字体文件。
  • 替换后布局变化:记录受影响的文本图层、容器尺寸和组件实例,先在副本中验证。

在出现问题的文件中选中一段文字,打开右侧字体菜单,查看字体名称旁是否有缺失提示。再复制同一段文字到测试 Frame,比较字体宽度、行高和换行位置。这样能区分“字体没有加载”和“字体本身版本不同”。

安装 TTF/OTF 字体并让 Figma 识别

  1. 从有授权的来源下载字体,解压后确认文件是 TTF 或 OTF,并核对需要的字重,例如 Regular、Medium、Bold。
  2. macOS 用 Font Book 安装并验证字体;Windows 将字体安装到系统字体文件夹。只安装 Regular 而缺少 Bold,仍会出现字重缺失。
  3. 浏览器用户从 Figma 下载页安装 Font Installer。桌面应用已经包含字体安装器,不需要重复安装。
  4. 安装后刷新浏览器中的设计文件,或重启桌面应用;在右侧字体菜单筛选“Installed by you”并搜索字体。

Chrome 新版本可能询问 figma.com 是否允许访问本地网络,这是浏览器连接本机字体安装器的权限。选择阻止后,网页端可能看不到本地字体;可以在站点设置中允许,再刷新文件。Linux 和 ChromeOS 对本地字体有平台限制,需先查看 Figma 当前帮助说明。

看到了缺失字体提示怎么办

点击左侧缺失字体图标,打开 Missing fonts 面板,记录字体家族和具体样式。若电脑没有该字体,先补齐同一版本;若字体已安装但仍缺失,刷新文件并检查 Font Installer 是否运行。桌面端可在任务管理器或活动监视器中确认 FigmaAgent 进程,再重新启动应用。

无法取得原字体时,可以在副本中使用项目批准的替代字体。替换前保存版本,替换后逐项检查标题、按钮、表单和长段落;Figma 的替换会影响文件中的协作者,不要在未沟通的情况下直接修改生产稿。

团队字体治理:名称、版本和授权一起管

为每个项目建立字体清单,至少记录字体家族、字重、文件版本、授权范围、替代字体和负责人。新成员加入时先安装清单中的版本,再打开文件;不要让每个人从不同网站下载“同名”字体。Figma 官方说明,多个版本可能导致文字基线、宽度、连字甚至图标字体发生变化。

企业团队还可以按权限上传共享字体,个人上传字体时则要确认自己拥有上传和使用授权。交付给开发前,导出一份包含中文、英文、数字和标点的样张,保留在项目文档中,方便后续回归。

在 Pixso 中承接中文字体工作流

如果团队更看重中文界面和统一字体管理,可以在 Pixso 中安装本地字体助手,按帮助中心提示调用设备字体。先导入一个 Figma 测试副本,检查字体、组件、变量和原型,再决定是否迁移正式项目。Pixso 帮助中心提供了本地字体使用说明和字体缺失排查,版本变化时以帮助中心为准。

迁移验收可以按这五项执行:字体名称和字重一致;长标题没有溢出;组件实例高度稳定;导出图片与 PDF 的文字清晰;字体授权记录完整。需要实际导入时,可打开 Pixso 工作台,先使用脱敏文件验证。

五分钟排查清单

  1. 确认缺失字体的家族和字重,不凭视觉猜名称。
  2. 在系统字体管理器确认文件存在且版本一致。
  3. 浏览器端检查 Font Installer 和本地网络权限。
  4. 刷新文件,重新选择文本图层并观察替代字体提示。
  5. 在测试副本中修复,再让设计、产品、开发共同验收。

如果问题来自迁移项目,可继续看 Figma 文件导入教程;组件布局受到字体变化影响时,参考 自动布局进阶教程;需要统一评审和交付,可阅读 Pixso 与 Figma 协作对比。

常见问题

字体已安装,为什么网页端仍没有?网页端需要字体安装器并允许浏览器连接本地服务;安装后刷新已打开的文件。

同名字体为什么排版不同?可能是版本、字重或字体文件来源不同。统一版本并重新加载,再检查文本布局。

可以直接把缺失字体替换成默认字体吗?可以在副本中替换,但先保存版本并让团队确认,因为替换会改变所有相关文本图层。