注意:

  Typekit 现已更名为 Adobe Fonts,包含在 Creative Cloud 和其他订阅中。了解详情

当您使用桌面字体创建和发布您的 Web 输出时,客户体验并不是最佳的。Animate 引入了 Google 字体,可在所有外形规格中提供一致的排版体验。Google 字体是由 Google 服务器提供的免费开源字体。有关 Google 字体和原始字体设计人员的更多信息,请参阅 https://fonts.google.com/abouthttps://fonts.google.com/attribution

使用 Google 字体的好处包括:

  • 缓存:在初始下载后,字体将存储在您的本地系统中,您不必重复下载它们。这可以更快地加载文本。
  • 开放源:它们是免费提供的,并且可以根据您的要求对其进行重新分配或修改。
  • 兼容性:它们可与您的广告和 Web 内容无缝协作。
  • 响应性:它们可在所有外形规格中提供响应式内容体验,实现一致的审美效果。
  1. 打开您的 HTML5 Canvas 文档,然后在“工具”面板中选择“文本”工具。

  2. 在“属性”面板中,选择“动态文本”。 

  3. 单击“添加 Web 字体”图标,然后选择“Google 字体”。

    google_fonts_add
    选择“Google 字体”对话框

  4. “Google 字体”对话框列出所有可用的 Web 字体。此时,您可通过浏览字体、搜索特定字体或按照字体属性进行筛选,来选择最适合自己设计需求的字体。

    • 搜索:按名称搜索字体。
    • 类别:根据可用类别筛选字体。
    • 排序:根据以下类别对字体排序:
      • 流行度:按字体的受欢迎程度对字体排序。
      • 字母:按字母排序对字体排序。
      • 添加日期:按字体之前添加到文档中的日期进行排序。
      • 样式数:按每个字体系列的可用样式数进行排序。
      • 趋势:按趋势字体类别进行排序。
    • 帮助:显示 Google 字体的联机帮助。
    • 取消:取消字体选择。
    • 完成:将选定字体添加到文档中。
    2b
    “Google 字体”对话框

  5. 要向文档中添加字体,请单击要使用的字体并选择“完成”。复选标记表示已选中该字体。 

    注意:

    还可以选择并添加多种字体。 

  6. 要查看 Animate CC 中添加的字体,请在属性检查器中选择“字符”>“系列”

    Selected Google font in the Family menu
    在属性检查器中选定的 Google 字体

  7. 在“字符系列”下拉列表中,选择添加的 Google 字体,以将其用在 HTML5 Canvas 文档中。

    Webfonts-under-Font-menu
    在文档中使用选定字体

另请参阅

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略