Wenn dein Theme Google Fonts nutzt, und ich bin mir dabei ziemlich sicher, dann wird bei jedem Seitenaufruf der Google Server kontaktiert.

Dieser externe Aufruf sorgt dafür, dass Daten an Google übertragen werden. Das ist natürlich überhaupt nicht im Sinne des Datenschutzes, weswegen solche externen Abfragen auch mit der DSGVO kollidieren könnten. Es gibt zwar den Passus des „berechtigten Interesses“, allerdings kannst du so oder so deinen Nutzern etwas gutes tun und verhindern, dass ihre Daten an Google gesendet werden.

Ich persönlich denke, wir sollten erst mal abwarten. Google wird nicht den gesamten europäischen Raum aufgeben wollen, von daher wird voraussichtlich eine Lösung von Seiten des Suchmaschinengiganten kommen. Zudem ist unklar, in wie weit die Fonts wirklich „illegal“ werden, das muss erst einmal durch Urteile bestätigt oder gekippt werden.

Was du auf jeden Fall machen musst, wenn du die Fonts von Google Servern abrufst, ist das in die Datenschutzerklärung zu schreiben. Die gängigen Datenschutzerklärungsgeneratoren (wow, was für ein Wort), haben eigentlich immer eine Möglichkeit, die Nutzung von Google Fonts anzugeben.

Ganz abgesehen vom Datenschutz dauert diese externe Abfrage natürlich auch einige Millisekunden, die auf deine Ladezeit aufgeschlagen werden.

Es gibt also mehrere Vorteile und Gründe, die Google Fonts nicht mehr von den Google Servern abzurufen, sondern über den eigenen Server.

Wie das geht, erkläre ich dir in diesem Artikel ganz einfach zum Nachmachen!


Das hier ist der zweite Teil meiner Artikelreihe zu WordPress und der DSGVO. Bestimmt interessieren dich auch die anderen Artikel dazu:

So entfernst du die IP Adresse bei WordPress Kommentaren
So baust du ein Google Analytics Opt-Out ein
Wie du in WordPress Google Fonts DSGVO konform einbaust
Spam-Kommentare DSGVO konform herausfiltern

Wieso extern abgerufene Google Fonts nicht DSGVO konform sein könnten

Das ist ebenso schnell wie einfach erklärt und auch ganz logisch: Beim Aufruf einer Website, welche Google Fonts von den Google Servern abruft, werden Daten des Websitebesuchers an diesen Server gesendet.

Durch diese Daten kann Google sich ein recht gutes Bild der Reise des Nutzers durch das Internet machen.

Darum dürfen möglicherweise zukünftig keine Verbindungen zum Google Server mehr hergestellt werden, um die Fonts abzurufen.

Der Ausweg ist einfacher als du denkst

Glücklicherweise gibt es aber eine einfache Möglichkeit, die Schriftart(en) weiter zu benutzen, ohne sie von einem externen Server abzurufen. Du kannst diese Aufrufe ganz einfach blockieren und die Schriftart von deinem eigenen Server abrufen lassen.

Klingt möglicherweise etwas kompliziert für dich, mit dieser Schritt für Schritt Anleitung ist es aber ganz einfach.

Achtung:
Nicht bei allen Themes und Plugins funktioniert dieser Weg. Beispielsweise sind Google Fonts in den Thrive Plugins so tief einprogrammiert, dass sie durch das gleich vorgestellte Plugin nicht entfernbar sind. Hier müsstest du also sehr tief in die Programmierung gehen und manuell eingreifen. Meiner Meinung nach ist der Aufwand dafür deutlich zu groß und wie schon im Intro geschrieben, hat Google DSGVO Konformität für alle Services zugesagt.

Wie du in WordPress Google Fonts vom eigenen Server lädst

Um es kurz im Vorhinein zusammenzufassen, werden wir nun:

  1. Die Schriftart auswählen und herunterladen
  2. Die heruntergeladene Font auf deinen Server hochladen
  3. Die Font mit einem Code Snippet über deine style.css Datei einbinden
  4. Per Plugin die Abfragen zum Google Server blocken

Na das ist doch gar nicht so viel wie gedacht oder?

Wähle deine Schriftart und lade sie herunter

Der Google Webfonts Helper

Mit dem Google Webfonts Helper erstellst du ganz einfach die benötigten Webfonts für deine Website.

Es gibt ein tolles Tool, dass dich Google Fonts in ein paar wenigen Klicks in Webfonts umwandeln lässt und dir zusätzlich noch ganz komfortabel den dazu passenden Code ausgibt. Diesen kannst du dann ganz einfach auf deiner WordPress Website einbinden.

Gehe nun also auf den Google Webfonts Helper, gib oben links in der Suche den Namen deiner genutzten Google Font ein, und wähle sie aus der Liste aus. Anschließend kannst du bei „2. Select Styles“ auswählen, welche Stärken und Stile dieser Schriftart du benötigst.

Jetzt scrollst du erst einmal kurz ganz runter zu „4. Download files“ und klickst auf den Download Button.

Lade die Font auf deinen Server hoch

Nach dem Download musst du die heruntergeladene .zip Datei entpacken. Anschließend hast du auf deinem lokalen Rechner verschiedene Dateien liegen, welche die von dir ausgewählten Stile und Stärken der Schriftart enthalten.

Diese müssen nun auf deinen Webserver hochgeladen werden. Du verbindest dich also per FTP mit deinem Server erstellst am besten einen neuen Ordner für deine Schriften.

Möchtest du es ganz einfach machen, erstellst du in dem Hauptverzeichnis deiner WordPress Installation (das ist dort, wo die ganzen Dateien und die Ordner namens „wp-content“, „wp-admin“ und „wp-includes“ liegen) einen neuen Ordner und nennst ihn beispielsweise „fonts“.

In diesen Ordner lädst du nun die Dateien hoch, die du gerade eben auf deinem Rechner entpackt hast.

(Lass die FTP Verbindung noch offen, wir brauchen sie gleich nochmal.)

In WordPress Google Fonts hochladen

So sollte es aussehen, wenn du die Schriftart-Dateien in einen eigenen Ordner hochlädst.

Die Font via Codeschnipsel in der style.css Datei aufrufen

Super, jetzt hast du die Schriftart schon auf deinem Server und musst WordPress, beziehungsweise den Browsern, jetzt nur noch mitteilen, wo die Schriftart liegt und dass sie genutzt werden soll.

Der Google Webfonts Helper zeigt dir bei „3. Copy CSS“ einen Code an, der je nach Menge der gewählten Stile und Stärken entweder kurz oder etwas länger ist. Diesen Code musst du nun kopieren und in deiner style.css Datei einfügen.

Die style.css Datei findest du normalerweise unter „wp-content“ -> „themes“ -> „dein Child Theme“.

So jetzt wird es aber nochmal kurz technisch:

Am besten sollte der Code in der style.css Datei deines Child-Themes eingefügt werden. Dadurch kannst du weiterhin Updates deines Themes durchführen, ohne dass dieser Code verloren geht. Meistens wird beim Kauf eines Themes nicht nur das Theme mitgeliefert, sondern auch ein Child-Theme. Ist dem so, kannst du es einfach wie ein normales Theme installieren und aktivieren. Keine Sorge, deine Website wird sich dadurch nicht verändern!

Fügst du den Code statt in die style.css deines Child-Themes in die deines Haupt-Themes ein, musst du bei jedem Theme-Update den Code erneut einfügen, da er überschrieben wird.

Gut, weiter gehts.

Den Code fügst du einfach zu Beginn der style.css ein. Am besten nicht in der errsten Zeile, sondern (falls vorhanden) den ersten paar ausgegrauten Zeilen.

So sieht es beispielsweise in der style.css Datei meines Child Themes aus:

Code in der style.css zum Aufruf der Google Font

So sieht die style.css nach dem Einfügen des Codes in etwa aus.

Blockiere die Anfragen zum Google Server per Plugin

So, jetzt ist deine Website ready, um die Fonts über deinen eigenen Server abzurufen. Trotzdem wird dein Theme zum aktuellen Zeitpunkt aber noch Anfragen an den Google Server schicken, da dies im Theme oder in Plugins so hinterlegt ist.

Es gibt ein kleines und schlankes Plugin, dass die Verbindung zum Google Server unterbindet.

Installiere dir jetzt „Remove Google Fonts References“ und aktiviere es. Es gibt keine Einstellungen, das Plugin funktioniert „Out of the Box“, ohne dass du etwas tun musst.

Ja, das Plugin wurde lange Zeit nicht aktualisiert. Da es keine bekannten Probleme oder Sicherheitslücken gibt, ist das absolut kein Problem.

Prüfe, ob es noch eine Verbindung zum Google Server gibt

Wenn du Chrome oder Firefox nutzt, kannst du ganz einfach einen Rechtsklick irgendwo auf deine Website machen und „Untersuchen“ anklicken. Im sich daraufhin öffnenden Fenster wechselst du auf den Reiter „Sources“.

Hier kannst du in der linken Sidebar sehen, zu welchen externen Servern eine Verbindung hergestellt wird.

Fonts werden über den Google Server geladen (Console)

So sollte es nicht aussehen: Fonts werden über den Google Server geladen.

 

Google Fonts lokal abrufen

So sollte es aussehen: keine Abruf über den Google Server.

Zack, schon hast du die Verbindung zu den Google Servern gekappt und lädst deine Schriftart(en) zukünftig über deinen eigenen Server.
Hat bei dir alles funktioniert oder gab es große Hürden?

Die DSGVO nervt? Schlage (fast) alle Fliegen mit einer Klappe!

Hier Google Fonts, dort Google Analytics Tracking Opt-Out, ach und natürlich auch ein Opt-Out für den Facebook Pixel… Ganz ehrlich, die DSGVO kann richtig nerven…

Um gleich mehrere Fliegen mit einer Klappe zu schlagen, möchte ich dir das Plugin „Pixelmate“ von Soulsites empfehlen. Ich nutze es selber auf allen Websites von mir und auch auf den Seiten meiner Kunden.

Das Plugin ist extrem einfach zu bedienen und baut für dich (unter anderem) ein funktionierendes Opt-Out oder Opt-In (was auch immer du möchtest) für Google Analytics und Facebook Pixel auf deiner Website ein. Und es hat sogar noch mehr zeitsparende Funktionen, um dir die Anpassung an die DSGVO zu vereinfachen!

Klicke hier, um mehr über das Plugin zu erfahren. Glaube mir, das Plugin lohnt sich!


Vorheriger Artikel dieser Serie

So baust du ein Google Analytics Opt-Out ein

Nächster Artikel dieser Serie

Spam Kommentare DSGVO konform herausfiltern

Teilen macht Freude!

  • Swantje Gebauer

    Ich nutze Thrive Themes mit Thrive Architect. Welche Auswirkungen hat das Hochladen auf die Bearbeitung mit dem PageBuilder?

    • Jonas Tietgen

      Moin Swantje,

      ich arbeite auch mit dem TA und das ist absolut kein Problem. Du kannst nach wie vor die Font auswählen, wie bisher auch. Allerdings muss sie natürlich auf deinem Server liegen, damit sie auch funktioniert 🙂

      Grüße
      Jonas

      • Danijel

        Hi Jonas,
        es fällt mir schwer, das zu glauben. Mit einem Plugin lassen sich die Google Fonts Referenzen zum Google Server bei Thrive Architect nicht beseitigen. Meiner Meinung nach entfernt das Plugin die Google Fonts, wenn sie mit der Standard enqueue Methode eingebunden wurden. Das ist bei Thrive Architect nicht der Fall. Es hat zumindest bei mir nicht funktioniert und wenn ich mir deine Seite mit den Browser Entwicklertools anschaue, gibt es da noch jede Menge Verbindungen zu Google wegen den Fonts.
        Bisher habe ich für TA leider noch keine Lösung gefunden.
        Grüße,
        Danijel

  • Swantje Gebauer

    Super, danke Jonas! 👍Dann werde ich diese Anleitung durcharbeiten…

  • Sebastian

    Hallo Jonas, danke für die Anleitung. Nur eine Frage bleibt bei mir als absolute Code-DAU. Wie kann ich herausfinden, welche Fonts mein Theme nutzt?

    • Jonas Tietgen

      Moin Sebastian,

      schau einfach mal in deinen Themeeinstellungen, da sollte das unter „Fonts“ oder ähnlichem hinterlegt sein.

      Grüße
      Jonas

  • Edi Goetschel

    Wieso die Angstmacherei? Google Fonts zu verwenden, ist auch mit der DSGVO möglich und erlaubt.

    Einfach einmal lesen, was Google selbst dazu schreibt:

    https://developers.google.com/fonts/faq

    Und natürlich die DSGVO.

    • Jonas Tietgen

      Moin Edi,

      der Artikel ist in keiner Weise zur Angstmacherei geschrieben. Ich möchte lediglich dabei unterstützen, dass man so viele Daten der Seitenbesucher schützt, wie möglich. Und das noch auf sehr einfache Art und Weise.
      Ja, möglicherweise wird sich in der Zukunft ein „berechtigtes Interesse“ in Gerichtsverfahren zu diesem Thema durchsetzen, aber wieso nicht auf Nummer sicher gehen und den Seitenbesuchern gleich noch was gutes tun?

      Grüße
      Jonas

  • Marie

    Hallo Jonas,

    ich verfüge bis jetzt über kein Child-Theme (- weil ich, ehrlich gesagt, bis jetzt keine Anleitung zu einer Erstellung gefunden habe, die ich restlos verstand 😉 -), habe mir aber ein seitenspezifisches Plugin erstellt, über welches ich erfolgreich das Speichern der IP Adresse in zukünftigen Kommentaren verhindere. Kann ich meinem speziellen Plugin auch eine style.css Datei anlegen, dort die Codes meiner verwendeten Google Fonts angeben und auf diesem Weg die Schriften von meinem eigenen WordPress hochladen?

    Neugierige Grüße
    Marie

    • Jonas Tietgen

      Moin moin,

      nein, die style.css sollte nicht in einem Plugin liegen, das ist keine gute Idee 🙂

      Grüße
      Jonas

    • Guido

      Hallo Marie,
      ich habe bei mir den Code für die Fonts einfach im Customizer des Themes unter CSS eingesetzt. Funktioniert einwandfrei.
      Alternativ zu dem empfohlenen Plugin, welches schon lange nicht mehr aktualisiert wurde, kann ich das Plugin Autoptimze empfehlen.
      https://de.wordpress.org/plugins/autoptimize/
      Dieses bietet auch die Option die Google Fonts zu deaktivieren. Mit diesem Plugin kannst du auch die Ladezeit der Website optimieren. Dafür ist es ursprünglich gedacht. Es kann z.B. Skripte, Styles und HTML minimieren.

      Viele Grüße
      Guido

  • Marie

    Danke für diese wichtige Information!!!
    LG Marie

  • Marie

    Hallo Guido,
    ganz herzlichen Dank für Deine zusätzliche Anleitung! Das Plugin Autoptimize hatte ich ohnehin schon zur Speedoptimierung installiert und die Google Fonts dort über „Extras“ zu entfernen, war daher nur mehr ein paar Klicks. In Kombination mit Jonas‘ Ausführungen war auch die Einfügung ins zusätzliche CSS im Costumizer schnell gemacht – funktioniert auch bei mir klaglos! Super!!!

  • Tina Gallinaro

    Dankeschön für die Anleitung. Als CSS-Dau kann ich zwar überhaupt nix damit anfangen, werde deinen Beitrag aber direkt mal an meinen Webmaster schicken. Der wird wissen, was zu tun ist 😉
    Spätetestens an dieser Stelle ist mir (mal wieder) schmerzlich bewusst geworden, dass ich mehr lernen muss. CSS und FTP und der ganze Kram geht komplett an mir vorbei. Zeit dies zu ändern:-)
    LG Tina

    • Jonas Tietgen

      Moin Tina,

      ach, man muss ja nicht alles können 🙂 Lieber auf die Stärken fokussieren und den Rest abgeben.

      Grüße
      Jonas

  • Katharina theissig

    Mit Ghostery hat sich herausgestellt, dass meine Blogartikel Adobe fonts nutzt. Wie kriege ich die denn deaktiviert?

    • Jonas Tietgen

      Moin Karharina,

      hier müsstest du genau gleich vorgehen und die Fonts auf deinem Server einbinden.
      Einzig der Schritt des Konvertierens in eine Webfont ändert sich, nutze dafür einfach das Tool von Fontquirrel. Also Font bei Adobe herunterladen (wenn erlaubt) und dann über Fontsquirrel umwandeln. Der Rest steht ja in der Anleitung hier 🙂

      Grüße
      Jonas

  • Horst

    Hi Jonas,
    megadanke für die Anleitung. Hätte ich mir sonst mühsam zusammensuchen müssen.
    Ein weiterer Aspekt bzw. Vorteil ist ja, dass in Sachen Geschwindigkeit zumindest bei mir etliche Zugriffe auf den externen Google-Server wegfallen, die natürlich immer langsamer sind als Zugriffe auf den eigenen Server. Also praktisch 2 Fliegen mit einer Klappe geschlagen. Besser gehts nicht.

    Grüße aus Köln
    Horst Gräbner

  • Klaus

    Hallo Jonas, vielen Dank für die Anleitung, sehr hilfreich.
    Die Frage, die sich mir stellt: muss ich nicht auch das Copyright / die Lizenzen der Fonts beachten und entsprechend erwähnen?
    https://fonts.google.com/attribution

    • Jonas Tietgen

      Moin Klaus,

      soweit ich weiß, sind die Fonts unter verschiedenen Lizenzen veröffentlicht, sind aber Open Source.

      Grüße
      Jonas

  • Micha

    Hallo Jonas,
    bei mir wird dieser Font verwendet.
    https://fonts.googleapis.com/css?family=Droid+Sans
    Ich kann den aber nicht runterladen bzw. finden.
    Vielleicht hast du einen Tipp?

  • Laura

    Vielen Dank für die verständliche Anleitung! Ich konnte alles schnell umsetzen, obwohl ich kein Profi bin. Allerdings stehe ich genau deshalb am Ende vor einem Rätsel. Wie benutze ich die Fonts denn nun im Texteditor?
    Viele Grüße
    Laura

    • Jonas Tietgen

      Moin Laura,

      Fonts legt man nicht im Texteditor fest sondern in den Einstellungen deines Themes. Meistens findest du diese im Customizer 🙂

      Grüße
      Jonas

  • Anja

    Hallo,
    tolle Anleitung.
    Wie sieht das aus, wenn man das PlugIn Better Font Awesome nutzt? Werden die Zeichen da auch von wo anders geladen? Darf man es unter datenschutzrechtlichen Aspekten weiter verwenden? Muss ein Hinweis in die Datenschutzerklärung?
    LG Anja

    • Jonas Tietgen

      Moin Anita,

      die Font Awesome Icons werden von einem CDN geladen, also einem externen Server. Welche Daten hierbei übertragen werden, kann ich dir nicht sagen.
      Da, wenn Google Fonts von den Google Servern abgerufen werden, eine Info in die Datenschutzerklärung eingetragen werden muss, wird das vermutlich auch für andere Quellen so sein, wenn diese Daten abrufen sollten. Da ich aber kein Anwalt bin, kann ich hierzu keine feste Aussage treffen, sorry!

      Grüße
      Jonas

    • shimda

      Hey Anja,
      am besten ist es, wenn du den Quellcode deiner WordPress-Seite anschaust. Dort müsste im Kopf irgendwo die Referenz zu FontAwesome stehen. Entweder ist es (meistens) eine externe Verlinkung zu CDNJ Cloudflare oder es ist eine font-awesome.css, die im Template-Ordner oder an einem anderen Ort liegt. In der CSS steht dann wieder, woher er sich die Schrift zieht. Ich kann zu den externen Seiten wie CDNJ Cloudflare auch nicht viel sagen. Meistens habe ich die Schriften einfach lokal auf den Server geladen und sie dann im Header per CSS-Datei eingebunden. Wenn FontAwesome lokal als Schriftart auf dem Server liegt, brauchst du eigentlich keine Bedenken haben. 😮

  • Sabine

    Hi Jonas, danke für die super verständliche Erklärung! Hat alles geklappt, bis zum Plugin. Wenn ich das aktiviere, wird mein Text in in so eine Art Times New Roman umgewandelt (normalerweise habe ich eine serifenlose Schrift). Was habe ich da wohl falsch gemacht?

    • Sabine

      Problem ist gelöst 🙂

    • Jonas Tietgen

      Moin Sabine,

      das kann an vielem liegen. VIelleicht ist die Font nicht richtig eingebunden oder falsch hochgeladen. Eventuell ist auch die falsche Schriftart in den Themeeinstellungen hinterlegt…

      Grüße
      Jonas

      • Sabine

        Wie geschrieben: Problem ist mittlerweile gelöst. Danke 🙂

        • Chris

          Vielleicht möchtest du deine Lösung mitteilen, damit andere, die evtl. auch dieses Problem haben, eine Hilfestellung bekommen?

  • Brina We

    Hallo,

    ich habe nun nach deiner Anleitung die Schrift eingefügt. Habe sogar zum Test, deine herausgesucht.
    Es hat auch alles geklappt, soweit ich es beurteilen kann. Wie kann ich nun die Schrift auswählen, da ich ja nicht nur eine Schrift benutzen möchte. Ich habe mir zum besseren Bearbeiten den WP Edit geholt, hoffe er ist benutzbar. Dort gibt es das Feld zum Schrift auswählen. Leider ist die Schrift „Muli“ nicht dabei. Wie bekomme ich sie genau dahin, dass ich mit den Schriften spielen kann.

    • Jonas Tietgen

      Moin Brina,

      die Font wählt man generell normalerweise in den Theme Options aus, sodass sie für die gesamte Website gleich ist 🙂

      Grüße
      Jonas

  • Sonja

    Hallo Jonas,
    das ist wirklich die mit Abstand brauchbarste Anleitung zu dem Thema, die ich finden konnte. Danke! Aber leider funktioniert es immer noch nicht :(. Ich weiß nicht, woran es liegt. Ich hab ein Child Theme beim Kauf dabei gehabt und habe die style.css genauso angelegt wie du. Ich habe deinen Screenshot minutiös mit meinem verglichen.
    Ich verstehe das einfach nicht :(.
    Die Fonts liegen im Ordner „fonts“ unter „childtheme“, die css direkt unter „childtheme“. Liegt es daran?
    In meinem Customizer kann ich bei meinem Theme eigentlich wählen zwischen „Googlefonts“ und „Standard“ – da tauchen meine aber auch gar nicht auf… Ich bin gerade sehr verzweifelt, ich sitze da schon viele Stunden erfolglos dran. Vielleicht hast du einen Tipp?

    Lieben Dank,
    Sonja

    • Jonas Tietgen

      Moin Sonja,

      hast du auch den Pfad im Verweis zu den Font-Dateien entsprechend angepasst? In meiner Anleitung schreibe ich davon, den Ordner „fonts“ in das Hauptverzeichnis der WordPress Installation zu legen. Natürlich kannst du ihn auch in dem Child-Theme Ordner unterbringen, musst dann aber natürlich die Pfade entsprechend ändern.

      Grüße
      Jonas

  • Alex

    Moin Jonas,

    super Anleitung! Hat für eine Schriftart geklappt.
    Allerdings schmeißt er mir bei einer anderen Schriftart Times als Schriftart aus und nimmt die eigentliche Schriftart nicht an, obwohl diese im style.css hinterlegt ist und auch im fonts Ordner des Servers.
    Hast Du eine Idee woran das liegen könnte?

    Danke im Voraus und beste Grüße,

    Alex

    • Jonas Tietgen

      Moin Alex,

      dann wird entweder die Schrift nicht richtig abgerufen, oder die CSS Regel für die Schriftart wird überschrieben.

      Grüße
      Jonas

  • shimda

    Also ich muss echt sagen, dein Tipp zum Plugin hat mein Leben gerettet. Es war mir mit Biegen und Brechen nicht möglich Google Fonts komplett aus dem WordPress Theme zu entfernen und da hatte das Plugin Visual Composer von WPBakery Probleme verursacht. Auf Codecanyon hatten schon einige angefragt ob es möglich ist Google Fonts zu deaktivieren, aber wäre es laut Entwickler nicht (Na super…). Ich habe stundenlang jede einzelne Datei lokal auf Hinweise zu Google Fonts durchsucht und nie die richtige Datei gefunden. Ja… Dann finde ich deinen Beitrag. Zuerst dachte ich mir „Naja, jetzt kommt bestimmt ein Plugin, was seiner Meinung nach funzt, aber nach meinen Erfahrungen nur begrenzt…“ Und dann kommst Du mit einem Plugin, welches schon lange nicht mehr aktualisiert wurde. Ich bin darauf schon mal gestoßen, aber wegen der Meldung, dass es schon total veraltet ist, habe ich es doch nicht verwendet. 😀 Und es klappt super. Nochmals Danke. In Zukunft wenn wir irgendwelche WordPress-Seiten DSGVO-konform gestalten wollen, werde ich dieses Plugin direkt benutzen. 🙂

    Grüße, Susann

    • Jonas Tietgen

      Moin Shimda,

      freut mich, dass es auch bei dir gut funktioniert hat! 🙂

      Grüße
      Jonas

  • Kevin

    Hallo Jonas,
    danke für die Hinweise. Ich bin jeden Schritt durchgegangen und musste am Ende feststellen, das auch mit PlugIn noch Schriften vom Google-Server abgerufen werden. Woran könnte dies liegen?

    • Kevin

      Andere Schriftarten, die ich zwar hochgeladen habe, spuckt er mir dann wiederum nicht aus. :/

      • shimda

        Benutzt du zufällig einen Visual Composer? Da verstecken sich gerne Schriften in den Custom Headings… 😮

    • Jonas Tietgen

      Moin Kevin,

      das kann vielerlei Ursachen haben. Nicht immer funktioniert das Plugin, in diesem Fall muss man händisch die Font-Reference aus dem Theme oder Plugin rausprogrammieren, welches die Fonts abruft.

      Grüße
      Jonas

  • Bernhard

    Hallo Jonas, danke für diese super Anleitung. Hast du mit font-awesome schon erfahrung. Bei mir lädt er leider noch immer über den CDN :/

    • Jonas Tietgen

      Moin Bernhard,

      ich würde abwarten, was Fontawesome und die Themehersteller machen und keine voreiligen Handlungen vollziehen 🙂

      Grüße
      Jonas

  • Harry

    Danke für die Anleitung. Hat soweit auch geklappt. *hurra*

    Jetzt warte ich noch auf eine Antwort von Themepunch, deren doch recht populärer „Revolution Slider“ ja auch GoogleFonts verwendet und ich keine Ahnung habe, wie ich die durch lokal gespeicherte Fonts ersetzen soll. Wenn ich eine Auskunft habe, stelle ich sie hier ein, weil es bestimmt noch andere User dieses Plugins gibt.

    Danke nochmal und viele Grüße,
    Harry

    • Jonas Tietgen

      Danke Harry, das ist klasse!

      Grüße
      Jonas

      • Harry

        Moin, das ging fix mit der Antwort (guter Support, darf man auch mal erwähnen).

        Es gibt auf der Website von Themepunch eine Anleitung (s.u.) zum Einbinden von Fonts, die auch für GoogleFonts gilt, obschon das eingangs missverständlich formuliert wird. Das Verfahren ist also auch für „unser“ Vorhaben geeignet:

        https://www.themepunch.com/faq/use-fonts-google-fonts/

        Wünsche allen ein schönes Wochenende,
        Harry

      • Harry

        Moin, das ging fix mit der Antwort (guter Support, darf man auch mal erwähnen).

        Es gibt auf der Website von Themepunch eine Anleitung (s.u.) zum Einbinden von Fonts, die auch für GoogleFonts gilt, obschon das eingangs missverständlich formuliert wird. Das Verfahren ist also auch für „unser“ Vorhaben geeignet:

        https://www.themepunch.com/faq/use-fonts-google-fonts/

        Wünsche allen ein schönes Wochenende,
        Harry

  • Karin

    Hallo Jonas,

    vielen lieben Dank für die Anleitung! Diese hat bei mir super funktioniert.
    Allerdings: meine Seite ladet jetzt extrem langsam … wie kann ich das ändern bzw. was habe ich falsch gemacht? Hast Du vielleicht eine Idee dazu?

    Danke und liebe Grüße
    Karin

    • Jonas Tietgen

      Moin Karin,

      je nachdem, wie viele Fonts geladen werden und welcher Hoster genutzt werden, kann sich das minimal auf die Ladezeit auswirken. Allerdings sollte das keinen erwähnenswerten Einbruch verursachen… Was hast du denn für eine Veränderung in der Ladezeit?

      Grüße
      Jonas

      • Karin

        Hallo Jonas,

        danke für deine rasche Antwort! Die Ladezeit war tatsächlich mehr als merklich langsam (sehr langsamer Seitenaufbau). Ich glaube aber nun, dass das am Child-Theme liegt. Ich habe nun in der CSS Datei die Fonts wieder herausgenommen (es waren ganz wenige) und jetzt ist die Seite wieder schnell und sieht auch von den Schriften „normal“ aus. Jedenfalls ist die Google-Verbindung gekappt 🙂

        Mit Thrive habe ich dasselbe Problem wie Heidi gerade. Aber auch da war dein Kommentar hilfreich!

        Nochmals großes Danke!
        Lieben Gruß
        Karin

  • Heidi

    Hallo Jonas,

    Danke für diese ausführliche Step-by-Step-Anleitung! Ich bin jetzt alles durch, aber das Remove Google Fonts-Plugin haut mir die Thrive Theme-Fonts auch raus, so dass das ganze Theme nach der Aktivierung ziemlich gruselig aussah (zumindest meine Blogposts sahen gleichbleibend aus). Also habe ich es wieder gelöscht. Autoptimize habe ich danach installiert und entsprechend bei Google Fonts deaktivieren den Haken gesetzt – aber der Untersuchen-Test zeigt leider, dass die Schriften nach wie vor vom Google-Server geholt werden. Gibt es noch etwas, was ich ausprobieren könnte? Ansonsten lass ich es, wie es ist. Meine DSGVO-Nerven liegen eh‘ schon blank…

    Grüße
    Heidi

    • Jonas Tietgen

      Moin Heidi,

      Thrive selbst sagt, dass die Fonts so tief in deren Plugins integriert sind, dass man sie nicht ohne weiteres rausbekommt. Ich würde auf jeden Fall erst mal abwarten, wie Google das regelt bzw. was für Urteile dahingehend gefällt werden 🙂

      Grüße
      Jonas

  • Heidi

    Herzlichen Dank, Jonas! Wie immer mega schnell…

  • Anja

    Hallo, danke für deine vielen Tipps hier.
    Leider wird bei mir auf dem Smartphone eine komplett andere Schrift angezeigt als in den Webbrowsern, woran kann das liegen?

  • Schorsch

    Hallo Jonas,
    besten Dank für diese Anleitung. So konnten wir die Schriftarten schnell und einfach vom eigenen Server aus Nutzen. Eine Sorge weniger! 😉
    Sportliche Grüße
    Schorsch

  • Valerie

    Hallo Jonas,
    Danke für den Artikel. Leider hat es bei mir nicht geklappt.
    Die Google Fonts werden nicht mehr geladen, weil ich das empfohlene Plugin installiert habe. Aber die Schriftart ist komplett anders. Woran kann das liegen? Ich habe 2 unterschiedliche Schriftarten Exo und Karla und habe den Code – so wie beschrieben – in die style.css eingefügt. Vorher waren Überschriften fett und in Exo. Jetzt sind kursiv und ich glaube es ist nicht Exo sondern Karla. Und der Fliesstext ist Georgia statt Karla. Also alles anders als vorher. Hast du einen Tipp?
    Grüsse,
    Valerie

YouTube aktivieren?

Auf dieser Seite gibt es mind. ein YouTube Video. Cookies für diese Website wurden abgelehnt. Dadurch können keine YouTube Videos mehr angezeigt werden, weil YouTube ohne Cookies und Tracking Mechanismen nicht funktioniert. Willst du YouTube dennoch freischalten?

Mach WordPress zu deinem Freund

Dein FLEXIBLER WordPress Mitgliederbereich

  • Jederzeit Antworten auf deine Fragen, in einer exklusiven Community
  • Verbessere deine WordPress Fähigkeiten, wann und wo du willst
  • check
    Monatliche Live-Webinare & jederzeit verfügbare Selbstlernkurse
  • check
    Bediene WordPress selber, spare Kosten für externe Dienstleister

Nur jetzt für 37€ netto monatlich statt 57€!