字体的使用 #

Figma 支持 Google Web Fonts，但你还可以访问许多其他自定义或本地存储的字体，从而为项目选择最佳字体。

在本文中，我们将介绍：

  1. 应用字体
  2. 使用本地字体
  3. 使用图标字体
  4. 使用 OpenType 功能
  5. 管理缺失的字体
  6. 使用其他语言

应用字体 #

字体可以应用于整个文本对象，多个选定的文本对象，或文本对象中的字母或单词的选择。

  1. 选择文本对象。

  2. 在属性面板中，你将找到文本部分。这允许你更改许多与文本相关的属性：

  3. 当前字体将显示在文本部分顶部的第一个字段中。在上面的截图中，是 Roboto。

  4. 单击字体右侧的向下箭头以打开字体选择器：

  5. 滚动可用字体列表以查找并选择所需的字体：

使用本地字体 #

如果你想在 Figma 中使用其他字体（Google Web Fonts 中未包含的字体），则可以使用计算机上的本地字体。

提示

运行 macOS 或 Windows 10 的设备支持 Adobe Typekit 字体。如果你在 Windows 笔记本电脑上没有看到这些字体，请确保你运行的是最新版本的 Windows。

如果你使用的是 Figma Desktop 应用程序，那么你已经可以使用任何本地存储的字体。 这些可以与字体选择器中的 Google Web Fonts 一起被找到。

如果你在浏览器中使用 Figma，则需要安装 Figma Font Helper，这允许你在浏览器中访问本地字体。

安装 Figma Font Helper #

  1. 点击窗口左上角的你的名字。

  2. 从选项中选择 Account Settings。

  3. 向下滚动到 Fonts。

  4. 单击 Download Installer to enable local fonts 以下载：

  5. 或者，直接从 Figma 网站下载 Font Helper：https://www.figma.com/downloads/ (opens new window)

  6. 运行安装程序并按照屏幕上的说明进行操作。

提示

要卸载 Figma Font Helper，你可以返回到同一屏幕并单击 Download Uninstaller to Disable Local Fonts：

注意

注意：Linux（例如 Ubuntu）或 ChromeOS（例如 Chromebook）目前不支持使用本地字体。 如果你是大型公司或组织的成员，我们建议你使用 Figma 企业版。 专业版帐户中每个用户都依赖于在其计算机上的本地字体。 但是，Figma 企业版允许组织中的用户访问和使用特定团队内或整个组织内的共享字体。

使用图标字体 #

默认情况下，Figma 已经支持 Font Awesome，这是一个流行且易于使用的图标集。

如果你想使用使用其他基于字体字体，那么你可以使用本地字体，

在 Figma 中使用 Font Awesome #

  1. 在编辑器中创建文本对象。

  2. 在属性面板的文本部分中，单击当前字体旁边的向下箭头。

  3. 从列表中选择 Font Awesome 字体：

  4. 从 Font Awesome 查找表中复制你想要使用的图标：https：//fontawesome.com/cheatsheet

  5. 将图标粘贴到Figma中的文本对象中：

使用 OpenType 功能 #

OpenType 是可缩放字体的跨平台格式。 它是由 Microsoft 和 Adobe 合作开发的。

默认情况下，Figma 中启用了以下 OpenType 功能：

  • Kerning（kern）
  • Ligatures（liga, clig, rlig）
  • Contextual Alternates（calt，rclt）
  • ccmp，cursor，locl，mark，mkmk

你还可以在 Advanced Type 面板中启用以下附加字体功能：

  • Discretionary and Historical Ligatures (dlig, hlig)
  • Stacked Fracations (frac)
  • All Small Caps (smcp, c2sc)
  • Subscript (subs)
  • Superscript (sups)

在 Advanced Type 面板中你还可以控制数字间距和数字：

  • Proportional Lining (pnum, lnum)
  • Tabular Lining (tnum, lnum)
  • Proportional Oldstyle (pnum, onum)
  • Tabular Oldstyle (tnum, onum)

注意

如果字体不支持某些 OpenType 功能，则调整这些设置将不起作用。

管理缺失的字体 #

如果文件中有无法使用的字体，则你将收到字体缺失警告。

当你第一次打开某些文件并尝试编辑使用该字体的任何文本时，会出现这种情况。

以下是最常见的解释：

  • 其他协作者一直在使用你的计算机上没有的本地字体。
  • 协作者正在使用相同字体的不同版本。

要继续编辑文件中的任何文本对象，你需要执行以下操作之一：

  1. 安装或更新计算机上的你有权使用的任何缺失字体。
  2. 选择另一种字体来代替丢失的字体，可以在字体缺失弹窗一次快速更新所有受影响的文本对象（参见下文）。

注意

选项 2 将更新所有协作者的文件，包括可以访问原始字体的协作者，因此请谨慎操作！

替换丢失的字体 #

如果要更新所有受影响的文本对象，以便它们使用可用字体，则可以在字体缺失弹窗执行此操作。

字体缺失弹窗将列出文件中缺少或不可用的每种字体样式。你将能够看到字体和样式。

  1. 使用字体旁边的下拉菜单选择新字体。你将只显示可供你使用的字体列表：

  2. Figma 将尝试将样式与缺少的字体匹配，但你可以使用样式旁边的下拉列表将其更改为另一个样式。

  3. 准备好后，单击 Apply 以完成该过程。

  4. 文件中的所有文本对象都将更新为新字体。

使用其它语言