用户指南 取消(C)

在 HTML5 Canvas 文档中使用 Web 字体

搜索
Animate

Animate

打开应用程序
  1. Adobe Animate 用户指南
  2. Animate 简介
    1. Animate 新增功能
    2. 图示术语表
    3. Animate 系统要求
    4. Animate 键盘快捷键
    5. 在 Animate 中使用多种文件类型
  3. 动画
    1. Animate 动画基础知识
    2. 如何在 Animate 中使用帧和关键帧
    3. 在 Animate 中使用逐帧动画
    4. 如何在 Animate 中使用经典补间动画
    5. 画笔工具
    6. 运动辅助线
    7. 补间动画和 ActionScript 3.0
    8. 关于运动补间动画
    9. 补间动画
    10. 创建补间动画
    11. 使用属性关键帧
    12. 用补间对位置进行动画处理
    13. 如何使用动画编辑器编辑补间动画
    14. 编辑补间动画的运动路径
    15. 处理补间动画
    16. 添加自定义缓动
    17. 创建和应用动画预设
    18. 设置动画的补间范围
    19. 处理另存为 XML 文件的补间动画
    20. 补间动画与传统补间
    21. 形状补间
    22. 在 Animate 中使用骨骼工具动画
    23. 在 Animate 中处理角色操纵
    24. 如何在 Adobe Animate 中使用遮罩层
    25. 如何在 Animate 中使用场景
  4. 交互性
    1. 如何使用 Animate 创建按钮
    2. 将 Animate 项目转换为其它文档类型格式
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 在 Animate 中通过代码片段添加交互性
    5. 创建自定义 HTML5 组件
    6. 使用 HTML5 Canvas 中的组件
    7. 创建自定义组件：示例
    8. 自定义组件的代码片段
    9. 最佳做法 - 使用 Animate 制作广告
    10. 虚拟现实创作和发布
  5. 工作区和工作流
    1. 创建和管理画笔
    2. 在 HTML5 Canvas 文档中使用 Google 字体
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作区
    6. 在 HTML5 Canvas 文档中使用 Web 字体
    7. 时间轴和 ActionScript
    8. 使用多个时间轴
    9. 设置首选参数
    10. 使用 Animate 创作面板
    11. 使用 Animate 创建时间轴图层
    12. 导出移动应用程序和游戏引擎的动画
    13. 移动和复制对象
    14. 模板
    15. 在 Animate 中查找和替换
    16. 撤消、重做和历史记录面板
    17. 键盘快捷键
    18. 如何在 Animate 中使用时间轴
    19. 创建 HTML 扩展
    20. 图像和动画 GIF 的优化选项
    21. 图像和 GIF 的导出设置
    22. Animate 中的资源面板
  6. 多媒体与视频
    1. 在 Animate 中变形和合并图形对象
    2. 在 Animate 中创建并使用元件实例
    3. 图像描摹
    4. 如何在 Adobe Animate 中使用声音
    5. 导出 SVG 文件
    6. 创建用于 Animate 中的视频文件
    7. 如何在 Animate 中添加视频
    8. 使用 Animate 绘制和创建对象
    9. 改变线条和形状
    10. Animate CC 中的笔触、填充和渐变
    11. 使用 Adobe Premiere Pro 和 After Effects
    12. Animate CC 中的颜色面板
    13. 使用 Animate 打开 Flash CS6 文件
    14. 在 Animate 中使用传统文本
    15. 向 Animate 中置入图稿
    16. 在 Animate 中导入的位图
    17. 3D 图形
    18. 在 Animate 中使用元件
    19. 使用 Adobe Animate 绘制线条和形状
    20. 在 Animate 中使用库
    21. 导出声音
    22. 在 Animate CC 中选择对象
    23. 在 Animate 中使用 Illustrator AI 文件
    24. 应用混合模式
    25. 排列对象
    26. 使用“命令”菜单自动处理任务
    27. 多语言文本
    28. 在 Animate 中使用摄像头
    29. 图形滤镜
    30. 声音和 ActionScript
    31. 绘制首选参数
    32. 用钢笔工具绘图
  7. 平台
    1. 将 Animate 项目转换为其它文档类型格式
    2. 自定义平台支持
    3. 在 Animate 中创建和发布 HTML5 Canvas 文档
    4. 创建和发布 WebGL 文档
    5. 如何打包 AIR for iOS 应用程序
    6. 发布 AIR for Android 应用程序
    7. 发布用于桌面的 Adobe AIR
    8. ActionScript 发布设置
    9. 最佳做法 - 管理应用程序中的 ActionScript
    10. 如何在 Animate 中使用 ActionScript
    11. Animate 工作区中的辅助功能
    12. 编写和管理脚本
    13. 启用自定义平台支持
    14. 自定义平台支持概述
    15. 使用自定义平台支持插件
    16. 调试 ActionScript 3.0
    17. 启用自定义平台支持
  8. 导出和发布
    1. 如何从 Animate CC 导出文件
    2. OAM 发布
    3. 导出 SVG 文件
    4. 使用 Animate 导出图形和视频
    5. 发布 AS3 文档
    6. 导出移动应用程序和游戏引擎的动画
    7. 导出声音
    8. 最佳做法 - 移动设备内容创建技巧
    9. 最佳做法 - 视频惯例
    10. 最佳做法 - SWF 应用程序创作指南
    11. 最佳做法 - 构造 FLA 文件
    12. 在 Animate 中优化 FLA 文件的最佳做法
    13. ActionScript 发布设置
    14. 指定 Animate 的发布设置
    15. 导出放映文件
    16. 导出图像和动画 GIF
    17. HTML 发布模板
    18. 使用 Adobe Premiere Pro 和 After Effects
    19. 快速分享和发布动画
  9. 故障排除
    1. 已修复的问题
    2. 已知问题

 

通过 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 文档。

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

更多此类内容

更快、更轻松地获得帮助

新用户？

快速链接

查看您的所有计划 管理您的计划
查看快速链接
隐藏快速链接

法律声明    |    在线隐私政策