Divi Schriftart kann nicht hochgeladen werden [GELÖST]

Wenn du im Divi Builder deine eigene Schriftart hochladen möchtest, kann es sein, dass ein Fehler auftritt, da du nicht berechtigt bist dieses Dateiformat (.otf, .tff, .woff, .woff2) hochzuladen. Der Fehler liegt jedoch nicht bei Divi, sondern bei den Standardrechten, die WordPress zum Upload von Dateien für jeden Nutzer festgelegt hat.

Um deine eigene Schriftart trotz fehlender Rechte hochzuladen, benötigst du etwas zusätzlichen PHP Code oder ein Plugin, welches diesen Code für dich automatisch hinzufügt. Achtung: Nachdem du deine Schriftart hochgeladen hast, solltest du diesen Code wieder entfernen.

In diesem Artikel erfährst du anfängerfreundlich, wie du diesen Code hinzufügst, um deine Schriftart selbst auf den eigenen Server hochzuladen. Dies ist aus Performance Gründen sowie aus Sicht der DSGVO sehr zu empfehlen.

Schau gerne auch in das YouTube Video, welches ich parallel zum Artikel für dich aufgenommen haben.

Hinweis: Mit Aktivierung des Videos wird YouTube im Erweiterten Datenschutzmodus aktiviert. Mit Aktivierung stimmst du den Datenschutzbestimmungen von YouTube zu.

Warum kann ich meine Schriftart in Divi nicht hochladen?

Wenn du das erste Mal versuchst eine eigene Schriftart in Divi hochzuladen, ist es sehr wahrscheinlich, dass du auf folgende Fehlermeldung triffst:

“Du bist leider nicht berechtigt, diesen Dateityp hochzuladen.“

Der Fehler liegt in diesem Fall also nicht an Divi, sondern an der Architektur von WordPress.

Dir fehlen Stand jetzt schlichtweg die Rechte deine Schriftdateien hochzuladen.

Damit du diese Berechtigung erhältst, musst du ein paar Zeilen Code in deine functions.php Datei einfügen. Alternativ – und das ist der einfachere bzw. schnellere Weg – kannst du einfach ein Plugin installieren, was diesen Code für dich einfügt.

WICHTIG: Egal, für welche der beiden Methoden du dich entscheidest, der Code muss im Anschluss zwingend wieder entfernt werden!

Methode 1: Temporäres Plugin nutzen

Der einfachste Weg, um den entsprechenden Code deiner Seite hinzuzufügen, ist über ein Plugin, welches du nur für diesen Prozess des Hochladens deiner Schriftart aktivierst.

Grundsätzlich gibt es viele Plugins, die du zum Upload von Schriftarten nutzen könntest. Die meisten davon sind aber überfüllt mit Funktionen, die man gar nicht braucht.

Das einfachste Plugin, was ich zum Upload von Schriften gefunden habe, ist das Plugin Easy SVG Support.

Du kannst es dir kostenlos über die Plugin Bibliothek in WordPress herunterladen und nachdem du es installiert sowie aktiviert hast, sind die entsprechenden Funktionen bereits im Hintergrund hinzugefügt worden.

Du musst also nichts weiter machen als das Plugin zu aktivieren und den Upload-Prozess deiner Schriftarten in Divi zu wiederholen.

Achtung: Diese Vorgehensweise funktioniert nur für Schriftarten des Typs .otf und .ttf! Falls du Schriftarten mit dem Dateiformat .woff oder .woff2 hochladen möchtest, empfehle ich dir Methode 2.

Methode 2: Code selbst hinzufügen

Option 2 ist es, den untenstehenden Code selbst in der functions.php Datei hinzuzufügen.

Wenn du ein Child Theme hast, kannst du den Code bequem in die functions.php Datei deines Child Themes hineinkopieren.

Falls du kein Child Theme hast, musst du über FTP zum entsprechenden Divi Theme Ordner innerhalb deiner WordPress Installation navigieren und den Code dort selbst in die functions.php Dateie einfügen.

Hier der Code:

/* Mime Types Support */
add_filter('upload_mimes', 'custom_mime_types', 999999);

function custom_mime_types($mimes) {
  $mimes['otf'] = 'application/x-font-opentype';
  $mimes['woff'] = 'application/font-woff';
  $mimes['woff2'] = 'application/font-woff2';
  return $mimes;
}

/* Custom Font Types Support */
add_filter('et_pb_supported_font_formats', 'custom_font_formats', 1);

function custom_font_formats() { 
return array('otf', 'woff', 'woff2');
}

Quelle: Luke Bussey

Danach wiederholst du den Upload-Prozess über den Divi Builder und die Schriftart sollte jetzt hochgeladen werden können. Auch bei dieser Methode darfst du nicht vergessen den Code wieder zu entfernen.

Häufig gestellte Fragen zu Divi Schriftarten