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

使用 Google 字體的優點:

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

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

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

    google_fonts_add
    選取 Google Fonts 對話方塊

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

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

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

    註解:

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

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

    Selected Google font in the Family menu
    「屬性」檢測器中選取的 Google 字體

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

    Webfonts-under-Font-menu
    將選取的字體用在文件中

另請參閱

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策