使用手冊 取消

在 HTML5 Canvas 文件中使用 Google 字體

搜尋
Animate

Animate

開啟應用程式
  • Adobe Animate 使用手冊
    1. Animate 的新功能
    2. 視覺詞彙
    3. Animate 系統需求
    4. Animate 鍵盤快速鍵
    5. 在 Animate 中使用多種檔案類型
    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 中使用場景
    1. 如何使用 Animate 建立按鈕
    2. 將 Animate 專案轉換成其他文件類型格式
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 在 Animate 中使用程式碼片段增加互動功能
    5. 建立自訂 HTML5 組件
    6. 在 HTML5 Canvas 中使用組件
    7. 建立自訂組件：範例
    8. 自訂組件的程式碼片段
    9. 最佳作法 - 使用 Animate 做廣告
    10. 虛擬實境編寫和發佈
  • 工作區和工作流程
    1. 建立和管理繪圖筆刷
    2. 在 HTML5 Canvas 文件中使用 Google 字體
    3. 使用 Creative Cloud Libraries 和 Adobe Animate
    4. 使用 Animate 的舞台和工具面板
    5. Animate 工作流程和工作區
    6. 在 HTML5 Canvas 文件中使用網頁字體
    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 中的資源面板
    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. 使用鋼筆工具繪圖
    1. 將 Animate 專案轉換成其他文件類型格式
    2. 自訂平台支援
    3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
    4. 建立並發佈 WebGL 文件
    5. 如何封裝 AIR for iOS 的應用程式
    6. 發佈 AIR for Android 應用程式
    7. Adobe AIR for Desktop 的發佈功能
    8. ActionScript 發佈設定
    9. 最佳作法 - 在應用程式中組織 ActionScript
    10. 如何搭配使用 ActionScript 與 Animate
    11. Animate 工作區中的輔助功能
    12. 撰寫和管理指令碼
    13. 啟用自訂平台的支援
    14. 自訂平台支援概觀
    15. 使用自訂平台支援外掛程式
    16. ActionScript 3.0 的除錯
    17. 啟用自訂平台的支援
    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. 快速分享和發佈您的動畫
    1. 已修正問題
    2. 已知問題
    1. Adobe Animate 使用手冊
      1. Animate 的新功能
      2. 視覺詞彙
      3. Animate 系統需求
      4. Animate 鍵盤快速鍵
      5. 在 Animate 中使用多種檔案類型
      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 中使用場景
      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 文件中使用網頁字體
      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 中的資源面板
      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. 使用鋼筆工具繪圖
      1. 將 Animate 專案轉換成其他文件類型格式
      2. 自訂平台支援
      3. 在 Animate 中建立及發佈 HTML5 Canvas 文件
      4. 建立並發佈 WebGL 文件
      5. 如何封裝 AIR for iOS 的應用程式
      6. 發佈 AIR for Android 應用程式
      7. Adobe AIR for Desktop 的發佈功能
      8. ActionScript 發佈設定
      9. 最佳作法 - 在應用程式中組織 ActionScript
      10. 如何搭配使用 ActionScript 與 Animate
      11. Animate 工作區中的輔助功能
      12. 撰寫和管理指令碼
      13. 啟用自訂平台的支援
      14. 自訂平台支援概觀
      15. 使用自訂平台支援外掛程式
      16. ActionScript 3.0 的除錯
      17. 啟用自訂平台的支援
      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. 快速分享和發佈您的動畫
      1. 已修正問題
      2. 已知問題

     

    當您使用桌面字體以建立並發佈網頁輸出時，這卻不會提供最佳的客戶體驗。Animate 引進能適用於所有尺寸並提供印刷一致性體驗的 Google 字體。Google 字體是 Google 伺服器所提供的免費開放原始碼字體。如需有關 Google 字體與原始字體設計人員的詳細資訊，請參閱 https://fonts.google.com/about 和 https://fonts.google.com/attribution。

    使用 Google 字體的優點：

    • 快取：在初次下載後，字體將會儲存在本機系統中，而不需要重複下載。這讓字體能更快速地載入。
    • 開放原始碼：Google 字體免費提供，並可以依您的需求散佈或修改。
    • 相容性：Google 字體能夠順暢地運作您的廣告和網頁內容。
    • 互動式：Google 字體提供所有尺寸的互動式內容體驗，用以創造一致的美觀度。

    1. 開啟您的 HTML5 Canvas 文件，並在「工具」面板中選取「文字」工具。

    2. 在「屬性」面板中，選取「動態文字」。 

    3. 按一下「新增網頁字體」圖示並選取「Google Fonts」。

      選取 Google Fonts 對話方塊

    4. Google Fonts 對話方塊會列出所有可用的網頁字體。現在，您可以瀏覽字體、搜尋特定字體，或者依字體屬性篩選，來選取最符合您設計需求的字體。

      • 搜尋：依名稱搜尋字體。
      • 類別：根據可用類別篩選字體。
      • 排序方式：根據下列類別排序字體：
        • 熱門程度：根據熱門的字體來排序。
        • 字母順序：按照字體的英文字母順序來排序清單。
        • 新增日期：根據加入文件時的日期來排序。
        • 樣式數目：根據每個字體系列可用的樣式數目來排序。
        • 流行：根據流行的字體類別來排序。
      • 說明：顯示 Google Fonts 的線上說明。
      • 取消：取消字體選項項目。
      • 完成：將所選的字體加入文件。
      Google Fonts 對話 方塊

    5. 若要將字體加入至文件，請按一下您要使用的字體並選取「完成」。核取標記表示已選取字體。 

      您也可以選取並加入多個字體。

    6. 若要在 Animate 中檢視新增的字體，請在「屬性」檢測器中選取「字元 > 系列」。

      「屬性」檢測器中選取的 Google 字體

    7. 在「字元 > 系列」下拉式清單中，選取已加入要在 HTML5 Canvas 文件中使用的 Google 字體。

      將選取的字體用在文件中

    另請參閱

    更快、更輕鬆地獲得協助

    新的使用者？

    快速連結

    檢視您的所有計劃 管理您的計劃
    檢視快速連結
    隱藏快速連結

    法律注意事項    |    線上隱私政策