添加自定义字体 - Framer 帮助
Last updated on 10/18/2025@mrbirddev
Framer 提供多种内置网页字体,并允许您直接在选择器中选择来自 Google 和 Fontshare 的字体。如果 Framer 不支持您需要的字体,您可以上传自己的自定义字体。
上传并使用您自己的自定义字体
按照以下步骤在项目中上传和使用自定义字体:
- 向项目中添加文本。
- 打开右侧的属性面板,并从选择器中选择字体。
- 转到“自定义”选项卡。
- 点击“上传”。
- 从您的计算机中选择字体文件。
- 该字体现在将出现在“自定义”选项卡中。
- 从“自定义”选项卡中选择上传的字体,以将其应用于项目中的任何文本层。

从 Figma 导入字体
Figma 项目中的自定义字体可能会默认使用 Framer 的标准字体,因为原始自定义字体不可用。要解决此问题,请将自定义字体上传到 Framer 项目中。然后,选择文本层并通过选择新上传的自定义字体重新应用字体。
注意: 确保您拥有网站的正确字体许可证。为了更好的性能,请使用 .woff2 字体格式,因为它经过优化以加快加载速度。
Last updated on 10/18/2025@mrbirddev
Recent Articles