Divi Schriftarten Liste und Anleitung
Posted on: Jun 23

Divi Schriftarten Liste und Anleitung

Divi Schriftarten Liste und Anleitung

Das Divi Theme wird mit 1429 verschiedenen Divi Schriftarten ausgeliefert, die alle im Google-Schriftartenverzeichnis enthalten sind.

Darüber hinaus ermöglicht Divi die Einbindung eigener, individueller Schriftarten, was die Flexibilität bei der Textgestaltung auf Ihrer Divi basierten Website erhöht.

Welche Standardschriftart wird in Divi verwendet?

Divi verwendet Open Sans als Standardschriftart. Diese von Steve Matteson geschaffene humanistische serifenlose Schriftart wird universell in den Divi-Kopfzeilen und im Fließtext verwendet.

Auf der Google Fonts-Website[1] können Sie eine Vorschau von Open Sans sowie jeder anderen Divi-Schriftart ansehen.

Wenn Sie diese Standardeinstellung ändern möchten, können Sie dies im Theme Customizer unter den Typografie-Einstellungen tun.

Wie viele Schriftarten gibt es in Divi?

Mit 1429 Schriftoptionen, die direkt aus dem Google Fonts-Verzeichnis stammen, bietet Divi eine Vielzahl von Möglichkeiten für die typografische Gestaltung.

Diese Zahl erhöht sich mit der Sammlung von Google Fonts, d. h. wenn dort eine neue Schriftart hinzugefügt wird, ist sie auch in Divi verfügbar.

Sollten diese zahlreichen Optionen jedoch nicht ausreichen, können Sie jederzeit benutzerdefinierte Schriftarten im TTF- oder OTF-Format hochladen, sodass Ihre Möglichkeiten in Bezug auf Schriftarten praktisch unbegrenzt sind.

Wie kann ich eine Vorschau der in Divi verfügbaren Schriftarten anzeigen?

Die Vorschau der Divi Schriftarten kann auf zwei Arten erfolgen: entweder über das Dropdown-Menü für Schriftarten in Divi Builder oder über die offizielle Google Fonts-Website.

Letztere bietet eine einfachere Möglichkeit, sich in der umfangreichen Schriftartensammlung zurechtzufinden, indem sie es Ihnen ermöglicht, Schriften zu suchen, zu filtern, zu sortieren und in einer Vorschau entweder in einem Raster- oder Listenformat anzuzeigen.

Sobald Sie hier eine Schriftart ausgewählt haben, können Sie sie über das Dropdown-Menü in Divi Builder in Ihre Website einbinden.

Wenn Sie Divi Builder für die Vorschau verwenden möchten, rufen Sie einfach die Registerkarte Designeinstellungen auf, klicken Sie auf die Abschnitte Text oder Überschrifttext und sehen Sie sich die verfügbaren Schriftarten in der Dropdown-Liste an.

Wenn Sie den Mauszeiger über eine Schriftart bewegen, können Sie eine Live-Vorschau anzeigen.

Wie kann ich die globalen Standardschriftarten ändern?

  1. Navigieren Sie in Ihrem WordPress-Dashboard zu Darstellung > Anpassen, um den Theme Customizer zu starten (oder klicken Sie direkt auf Theme Customizer im Front-End-Verwaltungsmenü).
  2. Gehen Sie zu „Allgemeine Einstellungen“ > Typografie.
  3. Scrollen Sie, bis Sie die Abschnitte Header Font und Body Font sehen.
  4. Wählen Sie die gewünschten Schriftarten aus den Dropdown-Menüs aus, oder verwenden Sie das Suchfeld oben, wenn Sie den Namen Ihrer bevorzugten Schriftart bereits kennen.
  5. Klicken Sie auf „veröffentlichen“, um Ihre Auswahl zu sichern.

Wie kann ich eine neue benutzerdefinierte Schriftart in Divi hinzufügen?

Divi bietet einzigartige Möglichkeiten, indem es Ihnen erlaubt, benutzerdefinierte Schriftarten über den Divi Builder einzubinden. Unterstützt werden TTF- und OTF-Dateien, andere Schriftformate können mit einem Online-Konverter konvertiert werden.

Um Ihre benutzerdefinierte Schriftart zu Divi hinzuzufügen, öffnen Sie ein beliebiges Modul mit einem Textelement, gehen auf die Registerkarte Design und klicken auf Text oder Überschrifttext.

Wählen Sie die Dropdown-Menüs Textschriftart oder Überschrift und klicken Sie oben auf Hochladen.

Es erscheint ein Pop-up-Fenster, in dem Sie Ihre neue Schriftart benennen und die Datei hochladen können. Nach dem Hochladen wird Ihre Schriftart in die Divi Schriftartenliste aufgenommen.

Wichtig: Lesen Sie hier wie Sie Google Fonts lokal einbinden können.

Was sind die besten Schriftarten für Divi?

Die besten Schriftarten für Divi sind subjektiv und hängen weitgehend von den persönlichen Vorlieben ab.

Die Analyseseite von Google Fonts bietet einen Einblick in die beliebtesten Schriftarten, indem sie die am häufigsten verwendeten angibt.

Diese Rangliste kann Ihnen helfen, eine fundierte Entscheidung zu treffen, vor allem, wenn Sie sich aufgrund der Vielzahl der verfügbaren Optionen unsicher sind.

Die Beliebtheit einer Schriftart deutet oft auf ihre Qualität hin, sodass eine Schriftart, die in dieser Liste ganz oben steht, eine gute Wahl ist.

Die 10 besten Divi Google-Schriften für 2023

  1. Roboto
  2. Open Sans
  3. Lato
  4. Montserrat
  5. Noto Sans JP
  6. Roboto Condensed
  7. Oswald
  8. Source Sans Pro
  9. Slabo
  10. Raleway

1. Roboto

Roboto Font Styles: 12 Variationen von Thin bis Black und Italic

2. Open Sans

Open Sans Font Styles: 10 Variationen von Light bis Extra-Bold Italic

3. Lato

Lato Font Styles: 10 Variationen von Thin bis Black Italic

4. Montserrat

Montserrat Font Styles: 18 Variationen von Thin bis Black Italic

5. Noto Sans JP

Noto Sans JP für die japanische Sprache

6. Roboto Condensed

Roboto Condensed Font Styles: 6 Variationen von Light bis Bold Italic

7. Oswald

Oswald Font Styles: 6 Variationen von Extra-Light bis Bold

8. Source Sans Pro

Source Sans Pro Schriftarten: 12 Variationen von Extra-Light bis Black Italic

9. Slabo

Slabo 27px Schriftarten: 1 Variation – Regular

10. Raleway

Raleway Font Styles: 18 Variationen von Thin bis Black Italic

Wie wählt man die optimale Schriftartkombination für Überschriften und Fließtext?

Mit Divi können Sie zwar eine beliebige Anzahl von Schriftarten auf Ihrer Website verwenden, aber für ein gutes Design ist es oft erforderlich, eine Schriftart für die Überschriften (H1, H2, H3, H4 usw.) und eine andere für den Fließtext zu wählen.

Diese Schriftart sollte für ein effektives Styling harmonieren.

In Anbetracht der umfangreichen Schriftartenoptionen, die in Divi und dem Google-Schriftarten-Repository zur Verfügung stehen, kann die Wahl der besten Kombination entmutigend sein.

Online-Ressourcen wie die Font Pair Website[2] und der Google-Artikel[3] über das Pairing von Schriften können Ihnen bei diesem Prozess helfen.

Mit Font Pair können Sie zum Beispiel verschiedene Schriftartenkategorien durchsuchen oder nach einer bestimmten Schriftart suchen, um alle möglichen Kombinationen anzuzeigen.

Fazit

Divi bietet vollen Zugriff auf die umfangreiche Google Fonts Sammlung, was einige vielleicht als überwältigend empfinden.

Auf vielen Websites ziehe ich es vor, bei der einfachen Standardschrift Open Sans zu bleiben.

Daniel Trabold Gründer von Trabolda25 und WordPress Experte

Artikel von

Daniel Trabold

Daniel hat mehr als 10 Jahre Erfahrung in der Programmierung und ist absoluter WordPress Fan. Wenn er nicht in seinem dunklen Keller programmiert, dann ist er gern am Strand oder im Gym.

Kontakt aufnehmen