添加自定义字体

添加自定义字体

Framer 提供了多种内置的网络字体,并允许你直接在字体选择器中从 Google 和 Fontshare 选择字体。如果你需要的字体未被 Framer 支持,你可以上传自定义字体。

上传并使用自定义字体

请按照以下步骤在项目中上传并使用自定义字体:

  1. 在项目中添加文本。

  2. 打开右侧的属性面板,从字体选择器中选择字体。

  3. 进入“自定义”选项卡。

  4. 点击“上传”。

  5. 从电脑中选择字体文件。

  6. 字体将出现在“自定义”选项卡中。

  7. 从“自定义”选项卡中选择已上传的字体,将其应用到项目中的任意文本图层。

图像显示一个图形设计软件界面,包含字体和文本面板,提供可自定义的字体、大小、颜色、对齐方式和样式选项,允许用户从电脑上传字体并在项目中使用。

从 Figma 导入字体

Figma 项目中的自定义字体可能会默认显示为 Framer 的标准字体,因为原始的自定义字体不可用。解决方法是将该自定义字体上传到您的 Framer 项目中,然后选中文本图层,并通过选择新上传的自定义字体重新应用。

注意:请确保您拥有网站所用字体的合法授权。为了获得更好的性能,请使用经过优化、加载更快的 .woff2 字体格式。

Create a free website with Framer, the website builder loved by startups, designers and agencies.