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

Autor

Marius Marzian

Datum 03. Juni 2021

Kategorie SEO

Inhalt

Methode 1: Divi Theme Options (empfohlen)
Methode 2: Per Child-Theme (manuelle CSS-Einbindung)
Tipp: Dateiformat
Schriftarten & Performance

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.