開啟您的 HTML5 Canvas 文件,並在「工具」面板中選取「文字」工具。
上次更新時間
2023年5月24日
- Adobe Animate 使用手冊
- Animate 簡介
- 動畫
- Animate 中的動畫基本概念
- 如何在 Animate 中使用影格及關鍵影格
- Animate 中的逐格動畫
- 如何在 Animate 中使用傳統補間動畫
- 筆刷工具
- 移動導引線
- 移動補間動畫與 ActionScript 3.0
- 關於移動補間動畫
- 移動補間動畫
- 建立移動補間動畫
- 使用屬性關鍵影格
- 使用補間動畫將位置製成動畫
- 如何使用移動編輯器編輯移動補間動畫
- 編輯補間動畫的移動路徑
- 操作移動補間動畫
- 新增自訂加/減速
- 建立和套用移動預設效果
- 設定動畫補間動畫範圍
- 使用儲存為 XML 檔案的移動補間動畫
- 移動補間動畫與傳統補間動畫
- 形狀補間動畫
- 在 Animate 中使用骨塊工具動畫
- 在 Animate 進行角色製作
- 如何在 Adobe Animate 中使用遮色片圖層
- 如何在 Animate 中使用場景
- 互動
- 工作區和工作流程
- 建立和管理繪圖筆刷
- 在 HTML5 Canvas 文件中使用 Google 字體
- 使用 Creative Cloud Libraries 和 Adobe Animate
- 使用 Animate 的舞台和工具面板
- Animate 工作流程和工作區
- 在 HTML5 Canvas 文件中使用網頁字體
- 時間軸與 ActionScript
- 使用多重時間軸
- 設定偏好設定
- 使用 Animate 編寫面板
- 使用 Animate 建立時間軸圖層
- 匯出適用於行動裝置應用程式和遊戲引擎的動畫
- 移動和複製物件
- 範本
- Animate 中的尋找和取代
- 還原、重做和操作記錄面板
- 鍵盤快速鍵
- 如何在 Animate 中使用時間軸
- 建立 HTML 擴充功能
- 影像和 GIF 動畫的最佳化選項
- 匯出影像和 GIF 的設定
- Animate 中的資源面板
- 多媒體和視訊
- 在 Animate 中變形及結合圖像物件
- 在 Animate 中建立並使用元件實體
- 影像描圖
- 如何在 Adobe Animate 中使用聲音
- 匯出 SVG 檔案
- 建立要在 Animate 中使用的視訊檔案
- 如何在 Animate 增加視訊
- 使用 Animate 繪製及建立物件
- 調整線條和形狀
- 使用 Animate CC 中的筆畫、填色和漸層
- 使用 Adobe Premiere Pro 和 After Effects
- Animate CC 中的色彩面板
- 使用 Animate 開啟 Flash CS6 檔案
- 在 Animate 中使用傳統文字
- 將圖案放入 Animate 中
- Animate 中匯入的點陣圖
- 3D 圖像
- 在 Animate 中使用元件
- 使用 Adobe Animate 繪製線條和形狀
- 使用 Animate 中的元件庫
- 匯出聲音
- 在 Animate CC 中選取物件
- 在 Animate 中使用 Illustrator AI 檔案
- 套用混合模式
- 排列物件
- 使用命令選單自動執行工作
- 多國語言文字
- 使用 Animate 中的攝影機
- 圖像濾鏡
- 聲音和 ActionScript
- 繪圖偏好設定
- 使用鋼筆工具繪圖
- 平台
- 將 Animate 專案轉換成其他文件類型格式
- 自訂平台支援
- 在 Animate 中建立及發佈 HTML5 Canvas 文件
- 建立並發佈 WebGL 文件
- 如何封裝 AIR for iOS 的應用程式
- 發佈 AIR for Android 應用程式
- Adobe AIR for Desktop 的發佈功能
- ActionScript 發佈設定
- 最佳作法 - 在應用程式中組織 ActionScript
- 如何搭配使用 ActionScript 與 Animate
- Animate 工作區中的輔助功能
- 撰寫和管理指令碼
- 啟用自訂平台的支援
- 自訂平台支援概觀
- 使用自訂平台支援外掛程式
- ActionScript 3.0 的除錯
- 啟用自訂平台的支援
- 匯出與發佈
- 疑難排解
當您使用桌面字體以建立並發佈網頁輸出時,這卻不會提供最佳的客戶體驗。Animate 引進能適用於所有尺寸並提供印刷一致性體驗的 Google 字體。Google 字體是 Google 伺服器所提供的免費開放原始碼字體。如需有關 Google 字體與原始字體設計人員的詳細資訊,請參閱 https://fonts.google.com/about 和 https://fonts.google.com/attribution。
使用 Google 字體的優點:
- 快取:在初次下載後,字體將會儲存在本機系統中,而不需要重複下載。這讓字體能更快速地載入。
- 開放原始碼:Google 字體免費提供,並可以依您的需求散佈或修改。
- 相容性:Google 字體能夠順暢地運作您的廣告和網頁內容。
- 互動式:Google 字體提供所有尺寸的互動式內容體驗,用以創造一致的美觀度。
-
-
在「屬性」面板中,選取「動態文字」。
-
按一下「新增網頁字體」圖示並選取「Google Fonts」。
-
Google Fonts 對話方塊會列出所有可用的網頁字體。現在,您可以瀏覽字體、搜尋特定字體,或者依字體屬性篩選,來選取最符合您設計需求的字體。
- 搜尋:依名稱搜尋字體。
- 類別:根據可用類別篩選字體。
- 排序方式:根據下列類別排序字體:
- 熱門程度:根據熱門的字體來排序。
- 字母順序:按照字體的英文字母順序來排序清單。
- 新增日期:根據加入文件時的日期來排序。
- 樣式數目:根據每個字體系列可用的樣式數目來排序。
- 流行:根據流行的字體類別來排序。
- 說明:顯示 Google Fonts 的線上說明。
- 取消:取消字體選項項目。
- 完成:將所選的字體加入文件。
- 搜尋:依名稱搜尋字體。
-
若要將字體加入至文件,請按一下您要使用的字體並選取「完成」。核取標記表示已選取字體。
您也可以選取並加入多個字體。
-
若要在 Animate 中檢視新增的字體,請在「屬性」檢測器中選取「字元 > 系列」。
-
在「字元 > 系列」下拉式清單中,選取已加入要在 HTML5 Canvas 文件中使用的 Google 字體。