Veröffentlicht am

Google Fonts lokal einbinden

Unsere WordPress-Plugins enthalten jeweils zwei im Plugin lokal installierte DSGVO-konforme Google Fonts. Die Datenaufrufe zu den Google Fonts Servern werden ebenfalls bei 99 % der Themes und Plugins blockiert. Einfach als Plugin hochladen, aktivieren und fertig.

1–10 von 9874 Ergebnissen werden angezeigt

1–10 von 9874 Ergebnissen werden angezeigt

Veröffentlicht am

Google Fonts lokal einbinden DSGVO WordPress

Die aktuelle Google Fonts Abmahnwelle sorgt für große Unruhen. Diese wirft dem Webseitenbetreiber vor, durch die externe Einbindung der Google Fonts gegen die Datenschutz-Grundverordnung (DSGVO) zu verstoßen. Falls Sie so eine Abmahnung erhalten haben, erklären wir Ihnen in diesem Artikel, wie Sie die Google Fonts in Ihrer WordPress-Website lokal einbinden können. Falls Sie lediglich auf der Suche nach einem DSGVO Google Fonts Plugin sind, dann finden Sie diese unter folgendem Button.

So binden Sie Google Fonts lokal in WordPress ein

  1. Schritt 1: Auf Google Webfonts Helper die Schrift auswählen.
  2. Schritt 2: Wählen Sie alle Schriftstärken aus.
  3. Schritt 3: Wählen Sie den modernen Browser-Modus.
  4. Schritt 4: Laden Sie das Google Fonts Beispiel Plugin runter.
  5. Schritt 5: Ersetzen Sie Ihre Fonts und Ihr CSS in dem Plugin.

Schritt 1: Auf Google Webfonts Helper die Schrift auswählen

Schritt 1: Auf Google Webfonts Helper die Schrift auswählen.

Im ersten Schritt müssen Sie von der Website Google Webfonts Helper Tool die Schrift, die Sie verwenden, am linken Rand auswählen. In meinem Beispiel nehme ich jetzt Roboto.

Schritt 2: Wählen Sie alle Schriftstärken aus

Schritt 2: Wählen Sie alle Schriftstärken aus.

Im zweiten Schritt müssen Sie alle Schriftstärken auswählen, oder nur die, die Sie auch verwenden. Es macht keinen Unterschied, da nur die Schriftarten, die Sie auch wirklich auf der Website verwenden, tatsächlich für den Besucher geladen werden. Im Zweifelsfall wählen Sie einfach alle aus.

Schritt 3: Wählen Sie den modernen Browser-Modus

Schritt 3: Wählen Sie den modernen Browser-Modus.

Im nächsten Schritt müssen Sie den modernen Browser Modus auswählen. Der Grund, wieso Sie diesen Modus auswählen müssen, liegt darin, dass Sie damit die Formate WOFF und WOFF2 erhalten. Nur diese zwei Formate dürfen Sie überhaupt verwenden, da Sie mit diesen Formaten gegen keine Lizenzbestimmungen verstoßen.

In den FAQ auf der Open Font Lizenz Website wird die Frage gestellt, ob es sich bei dem WOFF-Format um eine Veränderung der ursprünglichen Fonts handelt und ob man daher dann den eigentlichen Namen der Font nicht mehr benutzen darf.

Question: 2.2 Can I make and use WOFF (Web Open Font Format) versions of OFL fonts?

Answer: Yes, but you need to be careful. A change in font format normally is considered modification, and Reserved Font Names (RFNs) cannot be used. Because of the design of the WOFF format, however, it is possible to create a WOFF version that is not considered modification, and so would not require a name change. You are allowed to create, use and distribute a WOFF version of an OFL font without changing the font name, but only if:

the original font data remains unchanged except for WOFF compression, and

WOFF-specific metadata is either omitted altogether or present and includes, unaltered, the contents of all equivalent metadata in the original font.

https://scripts.sil.org/cms/scripts/page.php?item_id=OFL-FAQ_web#1db14da7

Bei dem modernen Browser Modus werden die Fonts auf der Google Webfonts Helper Website genau richtig komprimiert, denn Sie enthalten alle noch genau die korrekten Metadaten der originalen Font-Datei. Daher lässt sich dann der Name der Font auch verwenden. Durch die Kompression benutzt man jedoch nicht die originale Datei und umgeht daher Lizenzverstöße, den Sie benutzen in dem Fall gar nicht die originale Font-Datei mehr.

Schritt 4: Laden Sie das Google Fonts Beispiel Plugin runter

Zuerst müssen Sie die Schrift von der Google Webfonts Helper Seite herunterladen.

Schritt 4: Laden Sie das Google Fonts Beispiel Plugin runter.

Auf der Seite von news47ell wird ein Google Drive Link zu einem Beispiel Plugin angeboten. Laden Sie das Plugin ebenfalls runter.

Schritt 5: Ersetzen Sie Ihre Fonts und Ihr CSS in dem Plugin

Im nächsten Schritt müssen Sie lediglich das CSS, dass Sie auf der Google Webfonts Seite sehen, in das CSS von dem Beispiel Plugin kopieren und dann auch Ihre Fonts mit den Fonts in dem Plugin austauschen. Hier sehen Sie das CSS von dem Beispiel Plugin.

Sie finden es im Fonts Ordner von dem Beispiel Plugin. Dort kopieren Sie das CSS von der Google Webfonts Helper Website rein, es sollte dann so aussehen.

Als Letztes müssen Sie noch die Fonts von dem Beispiel Plugin mit den Fonts von der Google Webfonts Helper Seite austauschen.

Dann komprimieren Sie die Datei wieder zu einer Zip-Datei und laden das Plugin in WordPress im WordPress Dashboard hoch. Somit sind dann die Google Fonts lokal eingebunden.

Externe Datenaufrufe zu den Google Fonts Servern

Um die externen Datenaufrufe zu den Google Fonts Servern zu unterbinden, müssen Sie je nach Theme und Plugins anders vorgehen. Falls Ihnen das ganze zu viel Arbeit ist, können Sie sich auch unsere Google Fonts WordPress-Plugins anschauen. Mit denen ist die Arbeit für Sie bereits erledigt und Sie müssen das Plugin lediglich im WordPress Dashboard hochladen und aktivieren. Bei unseren WordPress-Plugins sind die Google Fonts bereits im Plugin installiert und die Datenaufrufe zu den Google Fonts Servern sind ebenfalls bei den meisten WordPress-Themes und Plugins deaktiviert. Hier kommen Sie zu unseren Google Fonts Plugins.

Datenschutzleistungs-Disclaimer

Meine Leistung umfasst keine Rechtsberatung im Sinne des Rechtsdienstleistungsgesetzes. Die Rechtsberatung im Einzelfall darf in Deutschland nur durch zugelassene Rechtsanwälte erfolgen. Meine Beratung zur Datenschutzkonformität ihres Webauftritts beruht ausschließlich auf den von Ihnen gelieferten Informationen. Es besteht keine Verpflichtung meinerseits, nachträgliche Änderungen zu berücksichtigen. Ich empfehle Ihnen, ein Anwalt mit der endgültigen Prüfung der Rechtskonformität zu beauftragen und empfehle Ihnen hierzu gerne einen meiner Partneranwälte, bei dem Sie auf meine Empfehlung besondere Konditionen erhalten werden. Die Haftung für alle im Zusammenhang mit meinen Dienstleistungen stehenden Fehlverhalten wird auf das gesetzliche zulässige Maß beschränkt. Die Haftungssumme wird jedenfalls auf das Auftragsvolumen beschränkt, soweit kein Fall von grober Fahrlässigkeit oder Vorsatz vorliegt.