> ## 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/cn/template-editor/visual-editor-plans.md)。
* 您上传的每个字体和图片都会计入您套餐的文件上传限额。图片字段会显示您还剩多少上传额度。

## 上传字体

1. 打开**单据样式**，然后前往**排版 › 已上传的字体**。
2. 点击**上传字体**。
3. 选择**字体文件（WOFF2、WOFF、TTF 或 OTF，最大 2 MB）**。
4. 输入**字体名称**。这是在字体列表中显示的名称。请使用字母、数字、空格和连字符。
5. 选择**字重**（**常规**或**粗体**）和**样式**（**正体**或**斜体**）。
6. 勾选**我有权在我的单据中使用此字体**。
7. 点击**上传**。

现在，该字体会以"(uploaded)"的形式出现在**标题**和**正文**列表中。如需让您的字体显示粗体和斜体文本，请在同一字体名称下分别上传每种字重和样式。一个模板最多可使用 8 个已上传的字体文件。

## 添加图片

1. 添加一个**图片**区块，或选择一个现有区块。
2. 在**内容**中选择**图片**：
   * **店铺徽标**：来自**设置 › 品牌**的徽标。
   * **来自 URL 的图片**：输入**图片 URL**。
   * **已上传的图片**：点击**上传图片**，然后选择不超过 2 MB 的 PNG、JPG、GIF、SVG 或 WebP 文件，或从**已上传的图片**中选择一张。
3. 设置**宽度**（40–400 px）。

**已上传的图片**会列出您上传过的图片，以及使用这些图片的模板。使用**替换**或**移除**可更改该区块的图片。

## 删除已上传的字体或图片

* **字体**：在**已上传的字体**中，点击其旁边的删除按钮。
* **图片**：在**已上传的图片**中，点击其旁边的删除按钮，然后点击**删除图片**确认。此操作无法撤消。

如果某个字体或图片仍被模板（或其草稿）或已保存的区块使用，则无法删除：Foliant 会告诉您它在哪里被使用。请先更改这些地方。

## 注意事项

* 删除操作始终可用，即使在更换套餐之后也是如此，因此您可以随时释放上传额度。
* 上传超过 90 天、且未被任何模板、草稿或已保存区块使用的图片会被自动移除。模板历史记录中的旧版本不算作使用了该图片。
* 如果您的套餐不再包含 **Font upload**，单据将使用标准字体而不是您上传的字体打印，直到您再次更换套餐。
* 达到上传限额时，请删除您不再使用的文件，或选择**获取更多上传额度**。请参阅[附加功能](https://foliant-help.iforiti.com/cn/billing-and-plans/add-ons.md)。
* 在代码模板中，您仍然可以通过 `<img>` 标签使用任何图片的网址。

## 相关文章

* [单据样式](https://foliant-help.iforiti.com/cn/template-editor/document-styles.md)
* [区块参考](https://foliant-help.iforiti.com/cn/template-editor/block-catalogue.md)
* [可视化编辑器的套餐可用性](https://foliant-help.iforiti.com/cn/template-editor/visual-editor-plans.md)
* [附加功能](https://foliant-help.iforiti.com/cn/billing-and-plans/add-ons.md)


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