將 Adobe Type 樣式合併到特定網站中

將客戶的 Adobe Fonts API 令牌整合到他們的網站中,以使他們的 Adobe Font Web 專案可用於該網站。

在另一場會議中,我們示範了將 Adobe Type 樣式嵌入到 Webflow 工作區中的過程,以確保您的 Adobe Type 樣式可在您的所有網站上存取。但是,如果您正在為客戶建立網站並希望專門為該特定網站使用 Adobe Type 樣式,建議專門為客戶產生 Adobe Type API 令牌並將其整合到網站中。

選擇這種方法有兩個理由:

提醒: 要將 Adobe Type 樣式嵌入任何網站,您需要付費 工作空間規劃 或付費的 網站計劃.

在本次討論中,您將了解:

  1. 取得 Adobe Type API 令牌的方法
  2. 將 API 令牌嵌入到您的網站的過程
  3. 從您的網站中消除 API 令牌的技術
  4. 將 Adobe Web 專案連結到您的網站的過程
  5. 將 Adobe Web 專案與您的網站分開的技術
  6. 如何在設計器中評估您的字體
  7. 解決任何整合困難的方法

如何取得 Adobe Type API 令牌

如果您的客戶擁有 Creative Cloud 帳號 (Adobe ID),請求他們向您發送他們的 API 令牌。如果他們沒有 Creative Cloud 帳戶,請要求他們建立個人免費帳戶,然後向您提供他們的 API 令牌。

或者,您可以選擇使用他們的登入憑證為他們配置它,然後將控制權轉移給他們。這將使他們能夠保留對其文字樣式的控制,從而減輕您在個人 Creative Cloud 帳戶中管理這些樣式的需要。

自行設定帳戶並取得API token

如果您決定自己建立帳戶:

  1. 創建一個 Adobe 類型帳戶
  2. 產生網路項目 使用您希望用於客戶網站的字體
  3. 導航至 Adobe Type API 令牌頁面 並建立一個新的API令牌
  4. 複製 API 令牌

請求您的客戶提供他們的 Adobe Type API 令牌

如果您希望客戶建立自己的帳戶並向您轉發 API 令牌,您可以向他們提供以下說明:

  1. 開發 Adobe Type 帳戶 (如果他們沒有的話)
  2. 建構網路項目 使用以下字體: [提供您希望在其網站上使用的字體名稱]
  3. 訪問 Adobe Type API 令牌頁面 並產生一個新的API令牌
  4. 複製 API 令牌並將其轉發給我

如何將 API 令牌合併到您的網站中

現在您已經獲得了 API 令牌,您可以將其插入您的 Webflow 網站的 Adobe 字體 設定.要將您的 API 令牌包含在您的網站中:

  1. 導航 站點設定 > 字體 選項卡 > Adobe 字體
  2. 將您的 Adobe Type API 令牌貼上到指定區域
  3. 點選 保存令牌

如何從您的網站刪除您的 API 令牌

如果您希望從您的網站中刪除 API 令牌:

  1. 使用權 站點設定 > 字體 選項卡 > Adobe 字體
  2. 擦除令牌
  3. 點選 保存令牌

如何將 Adobe Web 專案綁定到您的網站

透過 API 令牌成功將您的 Adobe 帳戶連結到您的網站後,包含您網站的所有字體的 Adobe Web 專案將顯示在 Adobe 字體 部分在 站點設定.

若要將 Adobe Web 專案與您的網站結合:

  1. 導航 站點設定 > 字體 選項卡 > Adobe 字體
  2. 選擇您想要關聯的網路項目
  3. 點選 儲存變更

如何取消 Adobe Web 專案與您的網站的關聯

要將 Adobe Web 專案與您的網站分開:

  1. 使用權 站點設定 > 字體 選項卡 > Adobe 字體
  2. 選擇 ”沒有任何
  3. 點選 儲存變更

如何在設計器中驗證您的字體

在 Designer 中,您可以完全存取透過 Adobe Web 專案包含的任何字體和字體變體。 

您可以在以下位置找到您的 Adobe 字體 風格面板 > 版式 > 字體。您的 Adobe 字體將在字體選擇結束時列出,並按字母順序排列。

“字體”下拉清單在“樣式”面板的“版式”部分中突出顯示。

如何應對整合挑戰

有時,Adobe Type 樣式的整合可能會遇到與 Webflow 的同步問題。通常,可以透過採取一些小步驟來解決這些障礙。

一些常見的問題包括:

  • 字體未在設計器中正確載入
  • Web 項目未在網站設定中正確載入
  • Web 專案無法在網站設定中完全載入

至關重要的:Adobe Type 樣式由您的 Adobe Creative Cloud 訂閱管理。如果您從 Adobe Type 樣式庫中刪除 Web 項目,或者您的 Adobe 帳戶無法訪問,則您選擇的字體可能無法載入。

提醒: Adobe 的網路更新可能需要長達 10 分鐘的時間,因此,如果您沒有觀察到您的 Web 專案或 Web 專案中的更改,請稍後重新造訪並重新整理頁面。或者,您可以取消綁定 Web 項目,然後重新選擇它以從 Adobe 網路載入最新資料。

要解決這些困難,請檢查以下內容:

  • 驗證 Adobe 和 Webflow 系統是否均可運作
  • 驗證您是否已將 API 令牌合併到正確的位置
  • 確認您的 Adobe Type API 令牌
  • 驗證您的網站設定中選擇了準確的 Web 項目

驗證 Adobe 和 Webflow 系統是否可以運行

確保您已將 API 令牌整合到正確的位置

確保您已將 Adobe Type API 令牌附加到您的網站。

確認您的 Adobe Type API 令牌 

  1. 在其中找到您的 Adobe Type API 令牌 站點設定 > 字體 選項卡 > Adobe 字體
  2. 繼續前往 Adobe Type API 令牌頁面
  3. 確認您的 Adobe Type API 令牌與您連結到網站的 API 令牌相對應

驗證您的網站設定中指定了正確的 Web 項目

  1. 使用權 站點設定 > 字體 選項卡 > Adobe 字體
  2. 確保目前選擇的 Web 項目(帶有邊框的項目)是準確的選擇
麥伊凡
Ewan Mak 的最新帖子 (看全部)