Schriften in DIVI anzeigen

Du hast eine Schrift in DIVI hochgeladen und nach dem Speichern wird sie nicht angezeigt?

Autor: Nadin

13. Januar 2022

Du hast im DIVI Builder eine eigene Schrift / einen Font hochgeladen und nach Speichern des Builders wird im Frontend wieder eine Standardschrift angezeigt?

Sicher geht es dir gerade wie mir damals und du bist verzweifelt auf der Suche, um den Fehler zu beheben.

Ich erkläre dir sofort, wie du den Fehler beheben kannst. Danach sage ich dir auch, wieso du Schriften immer manuell hochladen solltest und wie das geht.

Wie deine Schrift in DIVI auch nach dem Speichern und Verlassen noch angezeigt wird

Zuerst mal ganz kurz dazu, wann ich das Problem hatte und zur Ursache:

Ich hatte ewig kein Problem damit, und dann ist es mir im Dezember ’21 und Januar ’22 gleich 3 mal passiert. 2 mal davon auf einer Subdomain. Meine Technikspezies konnten sich das auch nicht so recht erklären.

Ich hab dann dem DIVI-Support geschrieben und die Antwort erhalten, dass die Schrift über http hochgeladen wurde und die restlichen Inhalte über https laufen. Was? Ok, hab zugegeben nur Bahnhof verstanden, da ich https noch VOR der WordPress-Installation aktiviert und erzwungen hatte.

SSL-Plugin bzw. http in https ändern ist die Lösung

Möglichkeit 1: 

Das Plugin Really Simple SSL installieren & aktivieren, in die Plugin-Einstellungen gehen, alles auf https umstellen, das Plugin löschen und https behalten klicken. Sicherheitshalber installierst du das Plugin, lädst die Schriften hoch und löscht das Plugin erst dann wieder.

Möglichkeit 2:

Das Plugin Better Search Replace installieren & aktivieren, unter WordPress Werkzeuge das Plugin aufrufen, alle Tabellen markieren (die ganzen Einträge da in dem kleinen Fenster in der Mitte. Markiere das oberste, halte Shift gedrückt und markiere das unterste) und gib in die beiden Zeilen darüber einmal deine Domain mit http und darunter mit https an.

Beispiel bei mir: Ersetze https://nadinschmidt.com/ durch https://nadinschmidt.com/

Plugin Better search replace einstellen

Das Plugin führt das aus und schon geht deine Schrift.

Soviel dazu, wie du es lösen kannst. Zumindest funktioniert es jetzt.

Wieso du deine Schriften immer in DIVI hochladen solltest

Du lädst sie damit auf deinen Server. Die Schrift liegt bei dir ab und wenn jemand deine Seite aufruft, wird sie von deinem Server abgerufen. Nicht von Google oder sonst wem. Das passiert nämlich bei Google Fonts, wenn du sie standardmäßig mit DIVI verwendest.

Das ist DSGVO-technisch nicht erlaubt. Jeder Websitebesucher mit etwas Know-how kann das sehen.

Das kann dann so aussehen:

Google Fonts Reference

Dazu gehst du (bei Chrome) beim Besuch der Website auf Cookies ablehnen, machst mit der Maus einen Rechtsklick, klickst auf Untersuchen und in dem neuen Fensterchen klickst du auf Sources. Schon siehst du jede Verbindung, die die Website trotz abgelehnter Cookies so herstellt. Not so nice in Datenschutzland.

Geh also in die DIVI-Optionen und deaktiviere die beiden Felder für die Google Fonts.

Wie du eigene Schriften auf deine DIVI-Website hochlädst

Das ist so ein bisschen Ka*ki-vertrickt. Standardmäßig wird das nämlich blockiert. Das hat schon seinen Sinn, denn sonst könnte jeder viel zu einfach was bei dir hochladen. Sicherheitslücke und so…

An die Google Fonts kommst du auch ganz easy ran, nämlich direkt bei Google. Einfach deine Schrift auswählen, anklicken und auf Download Family.

Es gibt mehrere Möglichkeiten, die einfachste ist aber das Plugin Enhanced Media Library. Installieren & aktivieren. Dann gehst du in die Settings und in den Reiter MIME Types. Gib jetzt vorne deine Font-Endung an (.ttf oder .otf oä), gib bei MIME Type was ein und – ganz wichtig – aktiviere das Kästchen Allow Upload.

Speichern nicht vergesse. (Ich hasse es, das sagen zu müssen. Wirklich. Unglaublich wie oft sowas simples wie speichern vergessen wird!)

ENhanced Media Library einrichten

 

Jetzt gehst du auf eine beliebige deiner Webseiten, aktivierst den Pagebuilder, öffnest ein Textmodul, gehst zu Design → Text → Schrift. Hier würdest du jetzt eigentlich eine Schrift einfach auswählen, aber du klickst auf Hochladen. Vergib einen Namen für deine Schrift, wähle die Schrift von deinem Desktop aus und speichern.

Thats it.

Das Plugin danach bitte wieder löschen. So wie alle Plugins, die du nur vorübergehend brauchst.

Hat keine meiner Lösungen funktioniert? Dann schrei(b). Ich hab noch 1-2 Möglichkeiten, die aber etwas komplizierter sind und darum hinten angestellt werden.

 

Autor: Nadin

13. Januar 2022

Sag mal, was taugt deine Website eigentlich?

Trag dich für den Newsletter ein und erhalte die Checkliste!

Einwilligung
Marketing von
Nadin Schmidt

Hi, ich bin Nadin.

Die Technik ist meine Welt. Was für andere super nervig ist, macht mir Spaß!

In meinem Toolkoffer habe ich DIVI, WordPress & Active Campaign für deinen Erfolg.

Mit mir bremst dich die Technik nie wieder aus und beim Wort „Funnel“ kannst du dich entspannt zurücklehnen!

Fragen? Schrei(b).



ALL-INKL.COM - Webhosting Server Hosting Domain Provider

*Meine Website wird gehostet bei AllInkl. Hierbei handelt es sich um einen Affiliate-Link. Wenn du darüber kaufst, erhalte ich eine kleine Provision – du zahlst dafür nicht mehr.

Lies doch auch mal…