如何处理Figma的“缺失字体”警告
2024 年 1 月 24 日

如何处理Figma的“缺失字体”警告-Image Appeal-Medium

根据2023年设计工具调查 (opens new window),Figma是UI设计、基本原型、高级原型和设计系统中使用最多的工具。然而,它在字体丢失方面存在问题(比其他设计工具更多)。这个问题可能表现为在打开文件时弹出的“缺失字体”警告,或者在字体选择器中没有出现字体。

因此,在本文中,我将介绍可能遇到Figma缺失字体问题的不同原因,并解释如何解决这个问题。确认一下:您是否安装了字体...对吗?

如果您忘记安装字体(这种情况经常发生),请忽略弹出的“缺失字体”警告模态框,退出Figma,安装字体,然后重新打开Figma。很简单!

替换缺失字体

如果您不需要实际的字体(可能是您计划自定义的下载文件),只需在模态框中选择替换字体和字重,然后单击“替换字体”按钮。

如果您不小心关闭了“缺失字体”模态框,水平工具栏右侧的黄色“A?”图标将再次显示它:

然而,您可能不需要我解释这其中的任何内容。如果您正在阅读本文,最可能的情况是您确实安装了字体,但它却不起作用(烦死了),所以让我们深入探讨一下。

在使用Figma Web和本地安装的字体时,如果您缺少字体,可能是因为您没有安装适用于您操作系统的相关Figma字体安装程序 (opens new window)

在这种情况下,问题会出现,因为Figma Web无法直接访问您的本地安装字体(只能访问Google Web字体)。然而,Figma字体安装程序可以解决这个问题,所以请安装它。

即使您不使用Figma Web或本地安装的字体,我还是建议下载和安装Figma字体安装程序,因为很容易忘记这个小小的要求,以后会遇到问题。

在Figma中,如果您的设计中的文本随机移动或更改,很可能是因为任意数量的协作者拥有不同版本的字体或缺少样式/字重。让所有人走上正确的轨道的最佳方法是将正确版本的字体上传到您的Figma组织中,因为此版本优先于可能存在的任何其他版本。

为此,您的组织管理员应从文件浏览器的左侧边栏中点击“管理设置”,然后从水平工具栏旁边的“资源”选项卡中点击您组织的名称。 点击字体标签,然后点击字体按钮:

之后,只需从计算机中找到并选择相关字体,然后点击打开按钮:

您可以在Figma学习中了解有关将字体上传到组织中的更多信息 (opens new window),包括如何将它们上传到特定团队。对于以后的参考,这是Figma搜索您指定的字体的顺序:

  1. 您的Figma组织(已上传的字体)
  2. 您的计算机(已在本地安装的字体)
  3. Google Web字体(可以直接使用的字体)

缺少Google Web字体的字重 #

如果您使用的是Google Web字体,但似乎缺少某些字重,那可能是因为您在Figma组织/团队中上传了一种不包含这些字重的字体版本,或者在计算机上安装了这种字体版本。请记住:这些版本优先于Google字体版本,即使它们不完整。

您可以通过从组织/团队中删除该字体(通过与上传时相同的界面)和/或从计算机上卸载该字体来解决此问题 - 其他合作者也需要这样做。之后,Google字体应该可以完美工作,甚至在有新版本发布时会自动更新。

Figma中无法显示的Adobe字体 #

如果您使用的是Adobe字体,但字体显示为缺失或在字体选择器中不显示,请打开Adobe Creative Cloud,在右上角点击Adobe字体图标(带有小写斜体的“f”),然后在每个字体旁边的安装系列按钮旁点击,以便在Figma和其他非Adobe应用程序中使用。如果成功,界面可能会在字体名称旁边显示“在Adobe和其他本地应用程序中”,而不是“在Adobe应用程序中”:

其他字体提供商可能会要求您执行相同的操作或类似的操作。

从Sketch导入后丢失字体 #

在将Sketch文件导入到Figma时,即使已安装字体,也可能遇到丢失字体的问题。这是因为Sketch有时会错误报告字体名称 - 例如,“Open Sans”而不是“OpenSans”。

解决方案很简单,即使您实际上并没有替换字体,也要按照上述替换字体的过程进行操作,只是提示Figma获取正确的字体名称。

可能出现的其他问题 #

开个玩笑。我想这就是所有的问题了。

您可能没有意识到在Figma中字体会出现这么多问题,但实际上所有的UI设计工具都会遇到同样的问题。不过,Figma的问题更严重;例如,Figma Web的Google Web字体问题是Figma独有的,因为其他UI设计工具没有提供Web应用程序版本。

当然,在Adobe产品中使用Adobe字体不会遇到任何问题。Figma多人协作编辑的问题很奇怪。 尽管其他UI设计工具似乎能够提供协同编辑/实时协作而不会出现字体问题(耸肩),但Figma是最受欢迎的UI设计工具,有很好的原因。通过采取一些预防措施,我们可以减少遇到Figma字体丢失问题的可能性:

我有什么遗漏的吗?如果您有任何要补充的,请在下方评论区留言,感谢您的阅读!