用户指南 取消(C)

在 HTML5 Canvas 文档中使用 Web 字体

 

通过 Adobe Fonts 使用 Web 字体

现在可为 Adobe Animate 中的 HTML5 Canvas 文档提供来自 Adobe Fonts 的 Web 字体。

在 Animate 中集成了 Adobe Fonts 后,便有数千种来自代工伙伴的高品质 Web 字体可即时应用于您的 HTML5 Canvas 文档。

对于任一级别的 Creative Cloud 方案,您都可以试用 Adobe Fonts 库中的部分字体;如果已订阅某一付费方案,则可以访问包含有数千种字体的完整库。

有关 Adobe Fonts 订阅计划的更多信息,请参阅“使用 Adobe Fonts 托管的 Web 字体”

不同于自托管的 Web 字体,Adobe Fonts 会托管您决定在托管内容中使用的字体。从 Adobe Fonts 库中选择字体后,如果在 Web 上发布您的文档,Adobe Fonts 会自动托管这些字体并将您的 Adobe Fonts 帐户与您发布在 Web 上的内容相关联。

Adobe Fonts 库随您的 Creative Cloud 订阅提供。有关更多信息,请参阅 https://fonts.adobe.com。您还可以购买新的 Adobe Fonts。重新启动 Animate 以在 Adobe Fonts 屏幕的“所有字体”选项卡中查看购买的字体。

在 HTML5 Canvas 文档中使用 Web 字体

  1. 打开 HTML5 Canvas 文档,然后在“工具”面板中选择“文本”工具。

  2. 在“属性”面板中,选择“动态文本”,然后单击“字体系列”下拉框旁边的“添加 Web 字体”按钮。

  3. 在显示的“添加 Adobe·字体”窗口中,单击“立即使用”

    添加 Adobe Fonts
    添加 Adobe Fonts

  4. “添加 Adobe Fonts”对话框将列出您的 Creative Cloud 订阅计划提供的所有 Adobe Fonts。此时,您可通过浏览字体、搜索特定字体或按照字体属性进行筛选,来选择最适合自己设计需求的字体。

    单击“过滤器”可使用以下任意过滤器:

    • 分类:您可以根据诸如衬线、无衬线和脚本之类的分类过滤 Web 字体。
    • 推荐:根据针对段落或标题的 Web 字体推荐过滤字体。
    • 属性:根据诸如粗细、宽度和高度之类的属性过滤字体。
    “添加 Adobe Fonts”对话框
    “添加 Adobe Fonts”对话框

  5. 找到要使用的字体之后,对其单击即可。随后将显示一个勾选标记,表示该字体已被选中。一次可选择添加多个字体。“所选字体”选项卡将显示您选中的所有字体。

    您可以单击字体预览脚注来查看其所有变形,如细体、粗体及斜体。

    选择字体
    选择字体

    单击“确定”添加所选的字体。

    selected-web-font-family-menu
    selected-web-font-family-menu

  6. 选择添加的 Web 字体,将其用于您的 HTML5 Canvas 文档。

    正在使用的字体
    在文档中使用选定字体

更快、更轻松地获得帮助

新用户?