Google Fonts und eigene Schriftarten lokal auf deiner Divi Website einbinden
Übrigens kannst du auf diese Art nicht nur Google Fonts lokal einbinden sondern auch jede andere beliebige Schriftart, die du vielleicht auf deiner Seite nutzen möchtest. Ich habe hier bereits einen Artikel geschrieben, in dem ich dir 5 Plattformen vorstelle, auf denen du richtig coole Schriftarten für deine Brand findest. Also schau dort gerne vorbei und lade dir schon mal deine Wunsch Schriftart herunter.
Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren
Google Fonts herunterladen
Wenn du eine bestimmte Schriftart von Google im Kopf hast, die du unbedingt nutzen möchtest, dann müssen wir diese zunächst herunterladen. Gehe dafür zu Google und gib Google Fonts ein. Unter dem ersten Treffer findest du nun alle Schriften und du kannst dir jede einzeln herunterladen.
Den Ordner können wir dann anschließend öffnen.
Hinweis: Du bist natürlich nicht verpflichtet Schriften von Google nutzen! Die Methode, die ich dir hier zeige, funktioniert auch mit anderen Schriftarten. In diesem Beitrag stelle ich dir 5 Tools vor, auf denen du die passende Schrift für dein Branding und deine Website findest.
Eigene Schriftarten bei Divi hochladen
Bei einigen Schriftarten (wie z.B. Open Sans) hast du alle verschiedenen Gewichte in einer Datei gespeichert. Wenn du diese Datei hochlädst, kannst du später zwischen den verschiedenen Gewichten auswählen (also z.B. Light, Semi Bold, Bold, etc.). Andere Schriftarten hingegen haben dies nicht. Hier musst du die einzelne Datei mit dem jeweiligen Gewicht, das du verwenden möchtest, extra hochladen.
Fehlermeldung verhindern
Wird dir beim Hochladen deiner Google Font oder eigenen Schriftart diese Fehlermeldung angezeigt? Keine Panik! Als ich diesen Fehler das erste mal hatte, habe ich Stunden damit verbracht herauszufinden, woran es liegt und habe schließlich mehrere Lösungen dafür gefunden. Da ich ein Fan davon bin, Dinge so einfach wie möglich zu halten und Menschen nicht mit unnötig viel Technik Kram zu überfordern, stelle ich dir die schnellste und einfachste Methode jetzt vor.
Wir müssen unserer Website die Erlaubnis erteilen, Dateien mit ttf Endung hochzuladen. Dafür nutzen wir ganz einfach ein Plugin! Gehe in dein WordPress Backend, lade dir das Plugin “Enhanced Media Library” herunter und aktiviere es.
Klicke nun auf “Media Settings” -> “Mime Types” und gehe oben auf “Add new Mime Types”. Trage nun die folgenden Werte ein:
Extension: ttf
Mime Type: application/json
Singular Label: application/json
Plural Label: application/json
Allow Upload: Haken setzen
Klicke anschließend auf Änderungen speichern
