Wie füge ich eine benutzerdefinierte Schriftart zu Divi hinzu?

Lade die Schriftdatei (WOFF2) hoch und füge per Custom CSS eine @font-face Regel hinzu. In den Divi Theme-Optionen kann die Schrift dann global oder pro Modul zugewiesen werden.

Font (Schriftart) zu Divi hinzufügen

Marius Marzian • 03. Juni 2021 • 2 Min. Lesezeit

Icon: Globus mit Mauszeiger – Symbol für Website und Webdesign

SEO-Experte

Marius Marzian

OIT GmbH

Profil ansehen

Mit Divi kannst du neben den Google Fonts auch eigene Schriftarten (Custom Fonts) einbinden – zum Beispiel um die Corporate-Schrift deiner Marke zu nutzen. Wir zeigen dir zwei Wege: über das Divi Theme Options und per Plugin.

Methode 1: Divi Theme Options (empfohlen)

Gehe in WordPress zu Divi → Theme-Optionen → Allgemein → Benutzerdefinierte Schriftarten
Klicke auf „Schriftart hinzufügen“
Gib der Schriftart einen Namen (z.B. „MeineFirmenSchrift“)
Lade die Schriftdateien hoch: .woff2, .woff, .ttf
Speichere die Einstellungen

Die Schriftart erscheint danach in allen Schriftart-Auswahlfeldern im Divi Builder.

Methode 2: Per Child-Theme (manuelle CSS-Einbindung)

Lade deine Schriftdateien in den Ordner /wp-content/themes/divi-child/fonts/ hoch und füge in der style.css deines Child-Themes hinzu:

@font-face {
  font-family: 'MeineFirmenSchrift';
  src: url('fonts/meine-schrift.woff2') format('woff2'),
       url('fonts/meine-schrift.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

Tipp: Dateiformat

Nutze bevorzugt WOFF2 – dieses Format wird von allen modernen Browsern unterstützt und ist am besten komprimiert. Tools wie Transfonter.org helfen dir beim Konvertieren.

Schriftarten & Performance

Google Fonts: DSGVO-Problem

Google Fonts laden Schriften von Google-Servern – das ist seit dem LG München-Urteil 2022 ohne Einwilligung problematisch. Lösung: Fonts lokal hosten oder über Divi Theme Options deaktivieren.