> ## 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.

# Schriften und Bilder hochladen

> Verwenden Sie Ihre eigenen Markenschriften und Bilder in visuellen Vorlagen und verwalten Sie Ihre hochgeladenen Dateien.

Sie können Dokumente in Ihren eigenen Markenschriften drucken und Bilder wie eine Unterschrift, einen Stempel oder ein Banner hinzufügen. Beides laden Sie im visuellen Editor hoch. Die Dateien werden bei Ihrem Shop gespeichert, sodass Sie sie in jeder Vorlage verwenden können.

## Bevor Sie beginnen

* Das Hochladen von Schriften und Bildern gehört zum visuellen Editor. Das Hochladen von Schriften ist eine eigene Tariffunktion (**Schrift-Upload**). Beides hängt von Ihrem Tarif ab; siehe [Verfügbarkeit des visuellen Editors nach Tarif](https://foliant-help.iforiti.com/de/template-editor/visual-editor-plans.md).
* Jede hochgeladene Schrift und jedes hochgeladene Bild zählt zum Datei-Upload-Limit Ihres Tarifs. Das Bildfeld zeigt, wie viele Uploads Ihnen noch bleiben.

## Eine Schrift hochladen

1. Öffnen Sie **Dokumentstile** und gehen Sie zu **Typografie › Hochgeladene Schriften**.
2. Klicken Sie auf **Schrift hochladen**.
3. Wählen Sie die **Schriftdatei (WOFF2, WOFF, TTF oder OTF, bis 2 MB)**.
4. Geben Sie den **Schriftname** ein. Er wird in den Schriftlisten angezeigt. Verwenden Sie Buchstaben, Ziffern, Leerzeichen und Bindestriche.
5. Wählen Sie die **Stärke** (**Normal** oder **Fett**) und den **Stil** (**Aufrecht** oder **Kursiv**).
6. Setzen Sie das Häkchen bei **Ich darf diese Schrift in meinen Dokumenten verwenden**.
7. Klicken Sie auf **Hochladen**.

Die Schrift erscheint jetzt in den Listen **Überschriften** und **Fließtext** mit dem Zusatz „(hochgeladen)“. Damit fetter und kursiver Text in Ihrer Schrift erscheint, laden Sie jede Stärke und jeden Stil unter demselben Schriftnamen hoch. Eine Vorlage kann bis zu 8 hochgeladene Schriftdateien verwenden.

## Ein Bild hinzufügen

1. Fügen Sie einen **Bild**-Block hinzu oder wählen Sie einen aus.
2. Wählen Sie unter **Inhalt** das **Bild**:
   * **Shop-Logo**: das Logo aus **Einstellungen › Branding**.
   * **Bild von einer URL**: Geben Sie die **Bild-URL** ein.
   * **Hochgeladenes Bild**: Klicken Sie auf **Bild hochladen** und wählen Sie eine PNG-, JPG-, GIF-, SVG- oder WebP-Datei mit höchstens 2 MB, oder wählen Sie eines unter **Hochgeladene Bilder** aus.
3. Legen Sie die **Breite** fest (40–400 px).

**Hochgeladene Bilder** listet die von Ihnen hochgeladenen Bilder auf, zusammen mit den Vorlagen, die sie verwenden. Mit **Ersetzen** oder **Entfernen** ändern Sie das Bild des Blocks.

## Eine hochgeladene Schrift oder ein Bild löschen

* **Schriftart**: Klicken Sie unter **Hochgeladene Schriften** auf die Schaltfläche zum Löschen daneben.
* **Bild**: Klicken Sie unter **Hochgeladene Bilder** auf die Schaltfläche zum Löschen daneben und bestätigen Sie mit **Bild löschen**. Dies kann nicht rückgängig gemacht werden.

Eine Schrift oder ein Bild, das noch von einer Vorlage (oder deren Entwurf) oder einem gespeicherten Block verwendet wird, kann nicht gelöscht werden: Foliant zeigt Ihnen, wo es verwendet wird. Ändern Sie diese Stellen zuerst.

## Gut zu wissen

* Löschen ist immer möglich, auch nach einem Tarifwechsel, damit Sie Uploads freigeben können.
* Bilder, die vor mehr als 90 Tagen hochgeladen wurden und von keiner Vorlage, keinem Entwurf und keinem gespeicherten Block verwendet werden, werden automatisch entfernt. Ältere Versionen im Verlauf einer Vorlage gelten nicht als Verwendung eines Bildes.
* Wenn Ihr Tarif **Schrift-Upload** nicht mehr enthält, werden Dokumente statt mit Ihren hochgeladenen Schriften mit den Standardschriften gedruckt, bis Sie den Tarif wieder wechseln.
* Wenn Sie das Upload-Limit erreicht haben, löschen Sie Dateien, die Sie nicht mehr verwenden, oder wählen Sie **Mehr Uploads holen**. Siehe [Add-ons](https://foliant-help.iforiti.com/de/billing-and-plans/add-ons.md).
* In Code-Vorlagen können Sie weiterhin jedes Bild über seine Webadresse in einem `<img>`-Tag verwenden.

## Verwandte Artikel

* [Dokumentstile](https://foliant-help.iforiti.com/de/template-editor/document-styles.md)
* [Block-Referenz](https://foliant-help.iforiti.com/de/template-editor/block-catalogue.md)
* [Verfügbarkeit des visuellen Editors nach Tarif](https://foliant-help.iforiti.com/de/template-editor/visual-editor-plans.md)
* [Add-ons](https://foliant-help.iforiti.com/de/billing-and-plans/add-ons.md)


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