回到所有的课程
课程库

将Adobe字体集成到帐户中

将您的Adobe Fonts API令牌集成到您的Webflow帐户中,使您的所有Adobe字体web项目可用于任何项目。

注意:我们正在向工作区过渡,并且正在更新我们的内容。访问工作区博客欲了解更多有关这些更新和变化,或访问我们的更新了关于将Adobe字体集成到工作区的课程.你也可以了解如何检查您的帐户是否在工作区
这个视频的特点是一个旧的UI。更新版本即将发布!

将Adobe字体集成到您的任何Webflow帐户(个人或团队)使您能够在该帐户中的任何Webflow项目中使用Adobe字体。

您可以将Adobe字体集成到任何具有网站计划或者你的任何项目,如果你有付费Webflow帐户计划
在这节课中
  1. 获取一个Adobe字体API令牌
  2. 将你的API令牌集成到你的Webflow账户中
  3. 从您的帐户中删除API令牌
  4. 连接一个web项目到您的Webflow项目
  5. 断开Adobe web项目与您的项目的连接
  6. 在设计器中使用Adobe字体
  7. 解决集成的问题

获取一个API令牌

首先,你需要一个Adobe Fonts帐户[xxx].一旦你建立了一个帐户,用你想让你的Webflow项目可用的字体创建web项目。

接下来,访问Adobe Fonts API令牌[xxx]页面。在那里,您可以创建一个新的API令牌并将其复制到剪贴板。或者,如果以前生成过一个旧的API令牌,也可以复制它。

了解更多:如何创建Adobe字体网页项目[xxx]

将你的API令牌集成到你的Webflow账户中

现在,您已经有了一个API令牌,您可以将它粘贴到您的Webflow帐户的集成设置中。您可以使您的Adobe字体用于:

  1. 您的仪表板中的所有项目
  2. 所有项目在一个团队帐户中

将Adobe字体集成到您的个人帐户

若要使您的Adobe Fonts可用于您的单独仪表板中的项目,请将您的API令牌粘贴到您的帐户的集成设置页面并保存更改。

集成选项卡包括一个用于Adobe字体api令牌的文本输入字段和一个绿色的保存更改按钮。在引导用户进入Adobe字体帐户页面的部分的右侧还有一个文本通知。
帐户设置>集成>集成> Adobe字体API令牌

从您的帐户中删除API令牌

如果您希望从您的帐户中删除API令牌,请删除令牌和保存更改。

将Adobe字体集成到团队帐户中

在您的团队帐户的集成设置中添加您的Adobe Fonts API令牌,可以使您组织中的每个人在属于该团队仪表板的项目中使用您的Adobe Fonts web项目。

Adobe字体api令牌部分和保存更改按钮突出显示在团队帐户的集成选项卡上。团队帐户称为“您的团队”。
团队,选择你的团队,然后去集成→集成.粘贴你的Adobe Fonts API令牌而且保存更改。

连接一个web项目到您的Webflow项目

现在您已经将Adobe帐户连接到Webflow帐户,您可以在该帐户的仪表板中选择连接到每个项目的web项目。您可以在每个项目的字体集成设置中设置这一点(项目设置> Fonts > Adobe Fonts)。

在这里,您将在您的Adobe字体帐户中看到所有Adobe web项目(以前是套件)。您可以选择要用于当前项目的web项目并保存更改。

集成选项卡中的Adobe Fonts部分包括一个用于输入Adobe Fonts API令牌的文本字段、一个蓝色的保存更改按钮和一个选中的Adobe字体web项目。Adobe字体Web项目所选择的字体名为“我的惊人字体选择”。这个网络项目包括字体称为哥特式开放阴影,自行车,贝莱显示和贝莱。
下面选择您的web项目项目设置字体Adobe的字体,然后保存更改。

断开Adobe web项目与您的项目的连接

若要从项目的字体列表中删除web项目,请选择没有一个而且保存更改

在设计器中使用Adobe字体

在设计器中,您可以完全访问通过Adobe web项目添加的任何字体和字体权重。浏览你需要的字体样式面板(S)→排版部分。字体列表是按字母顺序排列的。

解决集成的问题

有时Adobe字体集成可能无法与Webflow同步,通常可以通过一些小步骤解决。

常见问题
  • 设计器中的字体没有正确加载
  • Web项目在项目设置中无法正确加载
  • Web项目在项目设置中根本没有加载
必须知道
Adobe字体通过您的Adobe Creative Cloud订阅获得授权[xxx].如果您从Adobe字体库中删除了web项目,或者您的Adobe帐户无法访问,则可能无法加载字体选择。
需要知道
Adobe的网络更新最多需要10分钟。因此,如果您没有在您的web项目中看到您的web项目或您的更新,请稍后检查或刷新页面。您还可以断开web项目并重新选择它以从Adobe的网络加载最新的信息。

对于大多数这种情况,请检查以下内容:

  1. 验证Adobe和Webflow系统已启动并运行
  2. 验证您已经在正确的位置集成了API令牌
  3. 验证您的Adobe字体API令牌
  4. 验证在项目设置中选择了正确的web项目

验证Adobe和Webflow系统已启动并运行

如果系统已启动并运行,请遵循下面的故障排除程序:

验证您已经在正确的位置集成了API令牌

如果您的项目位于您的个人仪表板中,请确保已将Adobe Fonts API令牌添加到您的个人帐户设置中。阅读更多上面

如果您的项目在您的Team仪表板中,请确保您已将您的Adobe Fonts API令牌添加到您的Team设置,而不是您的个人帐户设置。阅读更多上面

验证您的Adobe字体API令牌

  1. 找到您的adobefonts API令牌帐户设置→整合在您的团队设置
  2. 参观Adobe Fonts API令牌[xxx]页,并确认Adobe Fonts API令牌100%正确

验证在项目设置中选择了正确的web项目

去你的项目字体设置页面,检查当前选择的web项目(蓝色轮廓的那个)是正确的。

在集成面板的Adobe字体部分选中并突出显示一个Web项目。这个网络项目叫做“我的惊人字体选择”。在网页项目卡片周围有一个蓝色的轮廓。
检查所选的web项目是否有您想要的字体。
尝试Webflow——它是免费的
Baidu
map