Wie du in DIVI eine neue Schriftart hochladen kannst

Aktualisiert am 13. März 2023 |  Nicole Werner  | Online Tools

Von Haus ist DIVI durch die Google Fonts Schnittstelle mit einem großen Fundus an Schriftarten ausgestattet. Möchtest du eine andere Schriftartart verwenden, lädst du diese über die DIVI Module hoch. Regelmäßig hindert dich die WordPress Einstellungen aber daran, es kommt folgende Fehlermeldung: Dieser Dateityp ist aus Sicherheitsgründen leider nicht erlaubt.

Dieser Artikel enthält Affiliate-Links. Wenn du auf diese Links klickst und das Produkt kaufst, erhalte ich eine Provision. Du zahlst durch den Link nicht mehr, unterstützt aber dadurch meine Website. Die Affiliate-Links erkennst du an einem *-Sternchen.


Inhaltsverzeichnis
No headings found

Eine neue Schriftart in DIVI hochladen

Der Standardvorgang bei DIVI, um eine neue Schriftart hochzuladen, ist:

  1. Im visuellen Builder, z.B. das Textmodul öffnen
  2. Auf den Reiter „Design“ klicken
  3. Auf die Schriftauswahl klicken, sodass sich die Schriftauswahl öffnet
  4. Auf „Hochladen“ klicken
  5. Schriftname eingeben, Schriftdatei auswählen und hochladen
Schriftart und Name vergeben
Schriftart und Name vergeben

Oft folgt dann aber der Fehler: „Dieser Dateityp ist aus Sicherheitsgründen leider nicht erlaubt.”

Fehlermeldung
Fehlermeldung

Möchtest du trotzdem eine weitere Schriftart hinzufügen, schaffst du dies z.B. über ein zusätzliches Plugin: „Enhanced Media Library“. Ohne dieses Plugin wird dir WordPress nicht erlauben, eine neue Schriftart hochzuladen.

Nur für Profis: Es gibt alternativ die Möglichkeit, statt dem Plugin auch eine Zeile Code in deine functions.php einzufügen:

define('ALLOW_UNFILTERED_UPLOADS', true);

Denke daran, den Code nach den Uploads aus Sicherheitsgründen wieder zu löschen oder auszukommentieren. Du hebelst mit diesem Code sinnvolle Sicherheitsmaßnahmen aus!

Das Plugin „Enhanced Media Library“ installieren und anpassen

  1. Installiere und aktiviere das WordPress-Plugin „Enhanced Media Library“
  2. Öffne die Einstellungen des Enhanced Media Library Plugins, indem du in der linken Navigation auf Einstellungen > Medien > MIME Types klickst.
  3. Du möchtest nun einen neuen MIME Type hinzufügen (vergleiche dazu das Bild unten), klicke auf „+ Add New MIME Typ“
Neue Dateiendung hinzufügen
Neue Dateiendung hinzufügen
  1. Fülle die neuen Felder wie im Bild „Schrift-Dateityp hinzufügen“ aus. Neben .otf ist bei DIVI auch der Dateityp .ttf erlaubt. Hast du z.B. einen Schrifttyp mit .woff, muss eine weitere Lösung, siehe weiter unten, her.
Schrifttyp hinzufügen
Schrift-Dateityp hinzufügen
  1. Um den neuen Schrift-Dateityp hinzuzufügen, bestätigst du deine Eingaben mit dem Klick auf den links oben stehenden blauen Button „Änderungen speichern“.

Deine Schrift-Dateitypen sind nicht .ttf oder .otf? z.B. .woff?

DIVI unterstützt standardmäßig leider bisher nur .ttf oder .otf Schrift-Dateitypen. Es gibt zwei Möglichkeiten, wie du das lösen kannst:

Lösung 1: Überprüfe, ob du von der Quelle, von der du ursprünglich die Schriftart bekommen hast, auch einen alternativen Schrift-Dateityp beziehen kannst. Nutzt du z.B. eine Google Fonts, die du lokal hochladen magst, kannst du über das Tool Google Webfonts Helper .ttf Schrift-Dateitypen herunterladen.

Lösung 2: Du konvertierst deinen vorliegenden Schrift-Dateityp, wie .woff in .ttf oder .otf mit den Tools von Convertio: https://convertio.co/de/woff-ttf/ oder https://convertio.co/de/woff-otf/.

Lösung 3 nur für Profis: Du fügst einige Zeilen Code in deine functions.php, um .woff und .woff2 als Upload in DIVI zuzulassen. Dazu hat Jafar auf rovity.io einen Gastartikel How to Add Custom Fonts to Your Divi Website – Step by Step geschrieben. Habe ich nicht ausprobiert, hört sich aber nach einer Lösung an.

Erfolgreich die neue Schriftart hochladen

Da du nun den Schrift-Dateityp über das Plugin „Enhanced Media Library“ freigegeben hast, kannst du nun den Standardvorgang (s. weiter oben) erneut ausprobieren.

Bitte deaktiviere das Plugin nach dem erfolgreichen Hochladen der Schriftart. 1) Jedes nicht mehr genutzte Plugin ist deaktiviert besser für deine Webseitengeschwindigkeit und 2) aus Sicherheitsaspekten.

Wenn du die Schriftarten von Google Fonts ohne Weiteres verwendest, kann es zu einem DSGVO-Konflikt kommen. Du kannst dies umgehen, indem du – wenn du DIVI im Einsatz hast – das Plugin DP DIVI DSGVO HELPER * installierst und deine Google Fonts lokal bei deinem Webhoster ablegst.


Hat dir der Artikel gefallen? Mit deiner Bewertung hilfst du mir, meine Inhalte noch hilfreicher zu gestalten. 


Nicole Werner

Ich bin Bloggerin, Datenschutzbefürworterin, Wirtschaftsinformatikerin, Vermittlerin und neuronale Pingpong-Spielerin. Ich mache komplexe Themen verständlich und liebe TechNights. Mehr über mich erfährst du auf meiner Über-Mich-Seite

Dieser Beitrag erhebt keinen Anspruch auf Vollständigkeit und Richtigkeit. Die Inhalte ersetzen keine Rechtsberatung.

Weitere spannende Artikel

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit einem Sternchen (*) markiert. Weitere Informationen findest du in den Datenschutzhinweisen

  1. danke für den Beitrag!

    Ich habe noch 1 Problem: Wie kann ich Divi überzeugen, dass ich eine Schrift im woff/woff2 Format hochladen kann? Ich habe die Formate wie in Schritt 4 beschrieben angelegt, aber Divi akzeptiert nur ttf/otf

  2. Vielen Dank liebe Nicole für diesen tollen Beitrag! Ich habe lange gesucht, um eine Lösung für das Problem mit den Schriften zu finden und bin bei dir fündig geworden!

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}