> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 上傳字型與圖片

> 在視覺化範本中使用您自己的品牌字型與圖片，並管理您上傳的檔案。

您可以使用自己的品牌字型列印單據，也可以加入簽名、印章或橫幅等圖片。兩者都在視覺化編輯器中上傳，並保存在您的商店中，因此您可以在任何範本中使用。

## 開始之前

* 上傳字型與圖片是視覺化編輯器的一部分。上傳字型是獨立的方案功能（**Font upload**）。兩者都取決於您的方案；請參閱[視覺化編輯器的方案適用範圍](https://foliant-help.iforiti.com/zh-Hant/template-editor/visual-editor-plans.md)。
* 每個上傳的字型和圖片都會計入您方案的檔案上傳上限。圖片欄位會顯示您還剩多少上傳額度。

## 上傳字型

1. 開啟 **單據樣式**，前往 **字體排版 › 已上傳的字型**。
2. 點選 **上傳字型**。
3. 選擇 **字型檔（WOFF2、WOFF、TTF 或 OTF，最大 2 MB）**。
4. 輸入 **字型名稱**。這是字型清單中顯示的名稱。請使用字母、數字、空格和連字號。
5. 選擇 **字重**（**標準** 或 **粗體**）和 **樣式**（**正體** 或 **斜體**）。
6. 勾選 **我有權在我的單據中使用此字型**。
7. 點選 **上傳**。

該字型現在會以「(uploaded)」出現在 **標題** 和 **內文** 清單中。若要讓您的字型也有粗體和斜體文字，請以相同的字型名稱上傳每種字重和樣式。一個範本最多可使用 8 個已上傳的字型檔。

## 加入圖片

1. 新增一個 **圖片** 區塊，或選取現有的區塊。
2. 在 **內容** 中選擇 **圖片**：
   * **商店標誌**：來自 **設定 › 品牌** 的標誌。
   * **來自網址的圖片**：輸入 **圖片網址**。
   * **已上傳的圖片**：點選 **上傳圖片**，選擇 2 MB 以下的 PNG、JPG、GIF、SVG 或 WebP 檔案，或從 **已上傳的圖片** 中挑選一張。
3. 設定 **寬度**（40–400 px）。

**已上傳的圖片** 會列出您上傳過的圖片，以及使用這些圖片的範本。使用 **取代** 或 **移除** 來變更區塊的圖片。

## 刪除已上傳的字型或圖片

* **字型**：在 **已上傳的字型** 中，點選該字型旁的刪除按鈕。
* **圖片**：在 **已上傳的圖片** 中，點選該圖片旁的刪除按鈕，並以 **刪除圖片** 確認。此動作無法復原。

若範本（或其草稿）或已儲存的區塊仍在使用某個字型或圖片，就無法刪除：Foliant 會告訴您它在哪裡被使用。請先變更這些地方。

## 小提醒

* 即使變更方案後，您也隨時都能刪除檔案，以釋出上傳額度。
* 上傳超過 90 天、且沒有任何範本、草稿或已儲存區塊使用的圖片，會被自動移除。範本歷史記錄中的舊版本不算是使用該圖片。
* 如果您的方案不再包含 **Font upload**，單據會改用標準字型列印，而不是您上傳的字型，直到您再次變更方案為止。
* 達到上傳上限時，請刪除您不再使用的檔案，或選擇 **取得更多上傳額度**。請參閱[加購項目](https://foliant-help.iforiti.com/zh-Hant/billing-and-plans/add-ons.md)。
* 在程式碼範本中，您仍可在 `<img>` 標籤中透過網址使用任何圖片。

## 相關文章

* [單據樣式](https://foliant-help.iforiti.com/zh-Hant/template-editor/document-styles.md)
* [區塊參考](https://foliant-help.iforiti.com/zh-Hant/template-editor/block-catalogue.md)
* [視覺化編輯器的方案適用範圍](https://foliant-help.iforiti.com/zh-Hant/template-editor/visual-editor-plans.md)
* [加購項目](https://foliant-help.iforiti.com/zh-Hant/billing-and-plans/add-ons.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.