Google Lettertypen WordPress AVG

AVGGoogle Fonts -conform lokaal integreren in WordPress

De integratie van Google Fonts in WordPress kan om verschillende redenen kritisch zijn: AVG Gegevensbescherming en compliance, prestaties en laadtijden, afhankelijkheid van Google en beveiliging. WooCommerce Ons partnerbureau fivecode is gespecialiseerd in WordPress websites en shops en heeft al ervaring opgedaan in enkele honderden projecten voor bekende bedrijven over dergelijke kwesties. 

Yannic, hoe vaak kom je het probleem van Google Fonts tegen in je dagelijkse werk als agent en welke efficiënte oplossingen gebruik je om dit probleem te voorkomen?

We komen het onderwerp lettertype-integratie en het probleem met Google Fonts in bijna elk project tegen. Ik vertel je graag hoe bedrijven kunnen achterhalen of Google Fonts actief zijn op hun WordPress website en hoe ze deze kunnen deactiveren. Ik kan je ook inzicht geven in hoe we Google Fonts of aangepaste lettertypen lokaal uploaden op de server in onze projecten. AVG Dit helpt onze klanten om de privacy van hun gebruikers te beschermen en mogelijk kostbare problemen te voorkomen. 

In dit artikel geven we geen juridisch advies. Als je juridische vragen hebt, neem dan contact op met gespecialiseerde advocaten. AVG De voorgestelde maatregelen zijn gebaseerd op onze huidige kennis en zijn bedoeld om WordPress beheerders te helpen bij het maken van websites die aan de regels voldoen. We kunnen echter niet garanderen dat de gepresenteerde maatregelen 100% naleving van gegevensbescherming garanderen, omdat technische ontwikkelingen en de juridische situatie kunnen veranderen. Raadpleeg indien nodig een professioneel bureau voor de implementatie.

Wat zijn Google Fonts eigenlijk - en waarom zijn ze vaak een probleem?

Google Fonts is een gratis dienst van Google die een uitgebreide bibliotheek met lettertypen biedt voor websites en online winkels. Ze worden vaak gebruikt door ontwikkelaars en webdesigners vanwege hun eenvoudige integratie. De service bespaart ons namelijk het uploaden van onze eigen lettertypen en zorgt ervoor dat lettertypen die niet standaard geïnstalleerd zijn op de computers, smartphones en andere apparaten van bezoekers ook gebruikt kunnen worden.

AVG Google Fonts zijn echter een juridisch kritiek punt, omdat hun integratie vragen oproept over gegevensbescherming: er worden immers gegevens doorgestuurd naar de servers van Google wanneer de fonts worden geladen, wat mogelijk een overtreding is als de gebruiker geen toestemming heeft gegeven.

AVGWaarom zijn Google Fonts problematisch met betrekking tot de EU?

Regelgeving gegevensbescherming in de VS

AVG Google Fonts kunnen problematisch zijn met betrekking tot de EU, omdat ze bij elk gebruik van een website gegevens doorsturen naar servers van Google buiten de Europese Unie. Het probleem is dat de beheerders van deze servers in de Verenigde Staten andere regels voor gegevensbescherming hanteren dan wij binnen de EU. 

AVGHoewel het verzoek op een website alleen het betreffende lettertype mag laden, kunnen persoonlijke gegevens zoals het IP-adres ook worden doorgegeven aan buitenlandse servers, wat in strijd is met de Algemene Verordening Gegevensbescherming ( ) zonder uitdrukkelijke toestemming van de bezoeker. AVG In januari 2022 oordeelde de regionale rechtbank van München dat de integratie van Google Fonts zonder toestemming van gebruikers een schending vormt van (bron:datenschutzticker.de).

Ongeldig EU-VS-privacyschild

Het EU-VS Privacy Shield was een overeenkomst bedoeld om de uitwisseling van gegevens tussen de EU en de VS te reguleren door een adequaat beschermingsniveau voor de overgedragen gegevens te waarborgen. Het Privacy Shield werd echter in 2020 ongeldig verklaard door het Europese Hof van Justitie, omdat het de bescherming van persoonsgegevens onvoldoende kon waarborgen, met name vanwege toegang door Amerikaanse autoriteiten. AVG Daarom is het momenteel nog belangrijker om maatregelen te nemen om Google Fonts lokaal te integreren om naleving te garanderen (bronnen:Europese Commissie en Datenschutz.org).

Is het wel mogelijk om Google Fonts WordPress te gebruiken in overeenstemming met de regels voor gegevensbescherming?

Het goede nieuws: Het gebruik van Google Fonts in WordPress is niet per se problematisch. Niet als het op de juiste manier wordt ingesteld. Hiervoor moeten de lettertypen lokaal worden geüpload op je eigen server. Dit betekent dat er geen verbinding wordt gemaakt met de servers van Google, wat de overdracht van persoonlijke gegevens voorkomt.

Dit betekent dat je door lettertypen lokaal op je eigen server te integreren, deze gegevensoverdracht kunt vermijden en de privacy van je websitebezoekers beter kunt beschermen.

De realiteit in de praktijk

Helaas wordt dit in de praktijk vaak niet gerealiseerd. En dat niet alleen - er zijn in de praktijk al een aantal gevallen geweest waarin bedrijven grote sommen geld hebben moeten betalen vanwege overtredingen.

Eén zaak ging bijvoorbeeld over een website die Google Fonts rechtstreeks laadde vanaf de servers van Google in de Verenigde Staten, waarbij de IP-adressen van bezoekers zonder hun toestemming werden doorgegeven aan Google. De rechtbank oordeelde dat deze praktijk het recht op informatieve zelfbeschikking schond en veroordeelde de websitebeheerder tot het betalen van een schadevergoeding. Dit voorbeeld laat zien dat het de moeite waard kan zijn om met een paar eenvoudige stappen te voorkomen dat lettertypen via servers in de VS worden geladen - en ze lokaal op te slaan.

Gegevensbescherming voor agentschappen en WordPress-ontwikkelaars

In dit artikel leggen we alles uit wat je moet weten over gegevensbescherming voor agentschappen: van het aanstellen van functionarissen voor gegevensbescherming tot het verwerken van bestellingen en toestemming aan de hoster.

Welke andere nadelen kunnen er zijn als Google Fonts niet lokaal worden geïntegreerd?

Aan de ene kant is het vervelend om op elk moment een waarschuwing te verwachten omdat de richtlijnen voor gegevensbescherming onbedoeld zijn overtreden. Aan de andere kant kunnen er naast het probleem met gegevensbescherming ook andere nadelen ontstaan als Google Fonts niet lokaal worden geïntegreerd:

  • Langere laadtijden: De laadtijd van de website kan langer worden omdat de lettertypen van externe Google-servers moeten worden geladen.
  • Afhankelijkheid van externe services: De laadtijd van je website kan worden beïnvloed door uitval of trage responstijden van de servers van Google.
  • Inconsistente weergave: als de toegang tot de Google-servers wordt geblokkeerd (bijvoorbeeld door firewalls), kunnen lettertypen niet worden geladen, wat de weergave van je website beïnvloedt.

Samengevat betekent dit dat de lokale integratie van Google Fonts je niet alleen beschermt tegen vervelende waarschuwingen, maar ook de prestaties en betrouwbaarheid van je website verbetert.

Hoe kom je erachter of Google Fonts actief zijn op je WordPress website?

Als je niet weet of Google Fonts actief zijn op je WordPress website, kun je de browser console of de website checker gebruiken:

Variant 1: De browserconsole gebruiken

Als vermeldingen met fonts.googleapis.com of gstatic.com worden weergegeven in de console, betekent dit dat Google Fonts rechtstreeks vanaf de Google-servers op je website worden geladen. AVG Dit verzoek kan persoonlijke gegevens zoals het IP-adres van bezoekers aan Google doorgeven, wat een potentieel risico voor gegevensbescherming vormt en zonder expliciete toestemming kan worden geschonden.

Chroom:

AVGGoogle Fonts -conform lokaal integreren in WordPress
  1. Open je website in Chrome.
  2. Klik met de rechtermuisknop op de pagina en selecteer Verkennen.
  3. Ga naar het tabblad Bronnen.
  4. Zoek naar vermeldingen met "fonts.googleapis.com" of "fonts.gstatic.com" aan de linkerkant.

Firefox:

AVGGoogle Fonts -conform lokaal integreren in WordPress
  1. Open je website in Firefox.
  2. Klik met de rechtermuisknop op de pagina en selecteer Element analyseren.
  3. Ga naar het tabblad Netwerk.
  4. Filter op lettertypen.
  5. Zoek naar vermeldingen met "fonts.googleapis.com" of "fonts.gstatic.com".

Safari:

AVGGoogle Fonts -conform lokaal integreren in WordPress
  1. Open je website in Safari.
  2. Klik met de rechtermuisknop op de pagina en selecteer Toon element inspector.
  3. Ga naar het tabblad Netwerk.
  4. Zoek naar vermeldingen met "fonts.googleapis.com" of "fonts.gstatic.com" aan de linkerkant.

Optie 2: Gebruik de websitechecker

Je kunt ook online tools gebruiken om te controleren of Google Fonts op je website zijn geïntegreerd. Een hulpmiddel dat we aanraden is de Google Fonts Scanner van eRecht24. Voer gewoon de URL van je website in en de tool controleert automatisch of en welke Google lettertypen worden gebruikt.

AVGGoogle Fonts -conform lokaal integreren in WordPress

Staan er Google Fonts op je website? Hoe voorkom je gegevensoverdracht naar Amerikaanse servers

Google Fonts worden vaak standaard gebruikt in thema's van internet, geïnstalleerde plugins en PageBuilders. Het is daarom belangrijk om ze in verschillende gebieden te deactiveren, zodat ze niet meer automatisch worden geladen.

Google Fonts uitschakelen in thema's

Veel WordPress thema's laden standaard Google lettertypen. Om dit te voorkomen moet je de thema-instellingen controleren:

  1. DashboardGa naar Ontwerp > Aanpassingen of Thema-opties in je WordPress .
  2. Zoek naar opties met betrekking tot lettertypen of typografie.
  3. Deactiveer Google Fonts of selecteer een ander lettertype dat lokaal is geïntegreerd.

Google Fonts uitschakelen in de plugins van PageBuilder

Sommige PageBuilder plugins zoals Elementor, WPBakery en Divi laden standaard Google Fonts als er geen standaard lettertype is geselecteerd. Deze kunnen worden uitgeschakeld in de plugin-instellingen:

Elementor:

  1. DashboardGa naar Elementor > Instellingen in je WordPress .
  2. Ga naar het tabblad Geavanceerd.
  3. Activeer de optie Google Fonts uitschakelen.
AVGGoogle Fonts -conform lokaal integreren in WordPress

WPBakery:

  1. DashboardGa naar WPBakery > Instellingen in je WordPress .
  2. Ga naar het tabblad Algemeen.
  3. Zoek naar de optie Google Fonts laden en schakel deze uit.
AVGGoogle Fonts -conform lokaal integreren in WordPress

Divi:

  1. DashboardGa naar Divi > Plugin opties in je WordPress .
  2. Ga naar het tabblad API-instellingen.
  3. Scroll naar beneden naar de prestatie-instellingen.
  4. Deactiveer de optie Google Fonts gebruiken.
AVGGoogle Fonts -conform lokaal integreren in WordPress

Andere plugins:

Controleer de instellingen van de geïnstalleerde plugins. Zoek naar opties met betrekking tot lettertypen of typografie. Deactiveer Google Fonts of selecteer een ander lokaal lettertype.

Google Fonts uitschakelen met een extra plugin

Er zijn speciale plugins, zoals de plugin Google Fonts uitschakelen en verwijderen, die je kunnen helpen Google Fonts uit te schakelen en in plaats daarvan lokale lettertypen te gebruiken. Deze plugins herkennen de bijbehorende broncode die een verbinding maakt met de Google Fonts services en blokkeren automatisch deze scripts en daarmee alle Google Fonts op je website:

  1. Installeer de plugin Google Fonts uitschakelen en verwijderen.
  2. Activeer de plugin na installatie.

Deactiveer Google Fonts handmatig in het thema via het bestand functions.php

Het functions.php bestand is een bestand in je WordPress thema dat aangepaste functies en codefragmenten bevat om de functionaliteit van je website uit te breiden.

Het aanbrengen van wijzigingen in dit bestand kan echter riskant zijn, vooral als je niet precies weet wat je doet. Verkeerde wijzigingen kunnen ertoe leiden dat je website niet meer goed werkt of zelfs helemaal uitvalt.

Daarom raden we je aan om alleen aanpassingen te doen als je over de nodige kennis beschikt:

Stap 1: Maak een back-up

Maak een volledige back-up van je website voordat je wijzigingen aanbrengt in functions.php. Hiermee kun je de oorspronkelijke staat herstellen in het geval van een probleem.

Stap 2: Open functions.php

  1. DashboardGa naar je WordPress .
  2. Navigeer naar Ontwerp > Thema-editor.
  3. Selecteer het bestand functions.php in de rechter zijbalk.

Stap 3: Google Fonts Handle identificeren

Om de juiste hendel voor de Google lettertypen te vinden, moet je de documentatie van je thema of plugin raadplegen. Je kunt dit vaak vinden in het functions.php bestand of in de broncode van het geïnstalleerde WordPress thema. Je kunt ook de browserconsole gebruiken om de geladen lettertypen te identificeren.

Stap 4: Code toevoegen

Voeg de volgende code toe aan het einde van het bestand functions.php. Vervang 'theme-handle'* door de actuele handle van het thema dat de Google Fonts laadt:


(codeblok) functie remove_google_fonts() {

wp_dequeue_style('theme-handle');

wp_deregister_style('theme-handle');

}


add_action('wp_enqueue_scripts', 'remove_google_fonts', 20); (einde van codeblok)

Stap 5: Wijzigingen opslaan

Klik op Bestand bijwerken om de wijzigingen op te slaan.

*Noot:

De 'theme handle' is specifiek voor elk thema en elke plugin. Een voorbeeld zou 'twentytwenty-style' kunnen zijn voor het Twenty Twenty-thema.

Deze aanpassing verwijdert de code die Google Fonts laadt uit de wachtrij en schrijft deze uit, waardoor de fonts niet meer van externe Google-servers geladen kunnen worden. AVG Dit helpt de compliance van je website te waarborgen.

Als je niet zeker bent of hulp nodig hebt, raden we je aan professionele ondersteuning te zoeken bij een bureau dat gespecialiseerd is in WordPress om ervoor te zorgen dat alle wijzigingen correct en veilig worden doorgevoerd.

Google Fonts gedeactiveerd? Hoe te handelen

Je kunt Google Fonts deactiveren met de beschreven maatregelen en zo overtredingen van de gegevensbeschermingswetgeving voorkomen.

Houd er echter rekening mee dat de lettertypen daarna niet meer gebruikt kunnen worden en dat je website mogelijk in een ander lettertype wordt weergegeven. Dit is normaal omdat standaardlettertypen die al op de webserver staan nu worden gebruikt.

Na het deactiveren is het belangrijk om je website te controleren. Zo weet je zeker dat hij goed blijft werken en leesbaar is.

In het volgende gedeelte laten we je zien hoe je Google Fonts lokaal kunt instellen.AVG Op deze manier kun je de lettertypen die je wilt blijven gebruiken zonder de EU-regels te overtreden of gestraft te worden door slechtere laadtijden.

AVGGoogle Fonts -conform instellen: Hoe doe je dat stap voor stap

We laten je nu zien hoe je Google Fonts of je eigen lettertypen lokaal op je server kunt uploaden en gebruiken. Zo voorkom je problemen met gegevensbescherming en zorg je ervoor dat de lettertypen nog steeds correct worden weergegeven.

Er zijn verschillende manieren om dit te doen, die we je hieronder stap voor stap zullen laten zien:

Google Fonts lokaal instellen via plugins

AVGDe eenvoudigste manier om Google Fonts -conform- in te stellen is door speciale plugins te gebruiken. Deze plugins deactiveren de directe verbinding met de servers van Google en maken lokaal gebruik van de lettertypen mogelijk. Hiervoor worden de lettertypen gedownload en opgeslagen op de webserver.

AVGGoogle Fonts -conform lokaal integreren in WordPress
  • Zoek in de WordPress plugin directory naar een plugin zoals OMGF (Optimise My Google Fonts).
  • Installeer en activeer de plugin.
  • Configureer de plugin vervolgens via Instellingen om ervoor te zorgen dat Google Fonts lokaal worden geïntegreerd.

Google Fonts lokaal instellen via de Google Fonts Helper website

Een andere manier om Google Fonts lokaal te integreren is door de Google Fonts Helper website te gebruiken. Dit is de handmatige manier, maar vereist geen extra plugin. Merk op dat deze aanpak complexer is en een bepaalde hoeveelheid ervaring met CSS en webservers vereist.

AVGGoogle Fonts -conform lokaal integreren in WordPress

Stap 1: Lettertypen kiezen

Stap 2: CSS-code genereren

  • Selecteer de gewenste letterstijlen (bijvoorbeeld normaal, vet, cursief).
  • Klik op CSS genereren en kopieer de weergegeven CSS-code.

Stap 3: Bestanden downloaden

  • Klik op Bestanden downloaden en sla de lettertypebestanden op je computer op.

Stap 4: Bestanden uploaden naar de webserver

  • Maak verbinding met je webserver via FTP.
  • Maak een nieuwe map aan in de map van je thema (bijvoorbeeld fonts) en upload de gedownloade fontbestanden naar deze map.

Stap 5: CSS-bestand aanpassen

  • Open het CSS-bestand van je thema (bijvoorbeeld style.css).
  • Voeg de gegenereerde CSS-code toe en pas de paden naar de lettertypebestanden dienovereenkomstig aan.
  • Werk het CSS-bestand bij om het nieuwe lettertype te gebruiken in je ontwerp.

Dat is het! AVG Met deze stappen kun je Google Fonts lokaal integreren en gebruiken zonder een plugin te installeren.

Google Fonts lokaal integreren met Elementor Custom Fonts

Gebruik je Elementor Pro op je WordPress website? Voor gebruikers van de Elementor Page Builder in de betaalde Pro versie is er een ingebouwde functie voor het gebruik van aangepaste lettertypen.

Stap 1: Lettertype downloaden

  • Bezoek de Google Fonts Helper website en download het gewenste lettertype.
  • Zorg ervoor dat je alle vereiste lettertypestijlen downloadt (bijv. normaal, vet, cursief).

Stap 2: Open Elementor

  • Dashboard Open Elementor in je WordPress en ga naar de instellingen.

Stap 3: Aangepaste lettertypen toevoegen

  • Navigeer naar Elementor > Aangepaste lettertypen en klik op Toevoegen.

Stap 4: Lettertypebestanden uploaden

  • Upload de gedownloade lettertypebestanden. Zorg ervoor dat je elk lettertype (normaal, vet, cursief, etc.) apart uploadt.
  • Geef het lettertype de juiste naam zodat je het later gemakkelijk terug kunt vinden.

Stap 5: Lettertype gebruiken in ontwerpen

  • Selecteer het geüploade lettertype in je Elementor ontwerpen om het te gebruiken.
AVGGoogle Fonts -conform lokaal integreren in WordPress

AVG Conclusie: en WordPress websites - Dit is wat er nu gebeurt

Met de hier gepresenteerde methoden kun je Google Fonts op je website integreren in overeenstemming met de regelgeving voor gegevensbescherming. Dit beschermt niet alleen de privacy van je bezoekers, maar verbetert ook de prestaties en betrouwbaarheid van je website.

AVGHet kan echter zinvol zijn om een professioneel bureau te belasten met de implementatie om ervoor te zorgen dat alle aspecten van naleving worden afgedekt. Professionals kunnen je helpen juridische valkuilen te vermijden en een optimale oplossing voor je website te vinden.

Een paar woorden over vijfcode

WooCommerce Het fivecode WordPress bureau uit Münster is gespecialiseerd in de individuele ontwikkeling van WordPress websites en webshops. Sinds 2022 ondersteunen we klanten in heel Duitsland, van websiteontwerp tot daaropvolgende marketing en onderhoud. Wij zien websites als een lucratieve online tool die het bedrijf van onze klanten actief promoot in de digitale ruimte en het versterkt ten opzichte van de concurrentie. We hechten veel belang aan individualiteit, creativiteit en professionele programmering.

FAQ over Google Fonts WordPress

Wat is het probleem met Google Fonts?

AVGGoogle Fonts zijn problematisch omdat ze gegevens verzenden naar de servers van Google wanneer ze worden geladen.

Deze servers bevinden zich vaak buiten de EU en vallen onder andere regels voor gegevensbescherming.

De overdracht van IP-adressen en andere gegevens kan leiden tot schending van de gegevensbescherming zonder de uitdrukkelijke toestemming van de gebruiker.

Om deze problemen te voorkomen moet je Google Fonts lokaal op je server hosten.

AVGWelke lettertypen voldoen aan de eisen?

AVGFonts zijn -compliant als ze lokaal op je eigen server worden gehost en dus geen persoonlijke gegevens zoals IP-adressen naar externe servers sturen.

AVGJe kunt zowel Google Fonts als andere lettertypen lokaal opslaan en integreren om ze te gebruiken in overeenstemming met . 

Hoe kan ik zien of Google Fonts lokaal zijn geïntegreerd?

Er zijn verschillende methoden om te controleren of Google Fonts lokaal zijn geïntegreerd:

  1. Open de browserconsole in Chrome, Firefox of Safari.
  2. Ga naar het tabblad Netwerk en laad de pagina opnieuw.
  3. Zoek naar vermeldingen met "fonts.googleapis.com" of "gstatic.com".

Als deze vermeldingen niet verschijnen, worden de lettertypen lokaal geïntegreerd. Anders worden ze rechtstreeks van de Google-servers geladen, wat problemen met gegevensbescherming kan opleveren.

Je kunt ook online tools gebruiken om te controleren of Google Fonts op je website zijn geïntegreerd: Een aanbevolen tool is de Google Fonts Scanner van eRecht24. Voer gewoon de URL van je website in en de tool controleert automatisch of en welke Google lettertypen worden gebruikt.

Zijn Google Fonts gratis?

Ja, Google Fonts kunnen gratis worden gebruikt. Google biedt een uitgebreide bibliotheek met lettertypen die gratis in websites kunnen worden geïntegreerd.

Het gebruik is gratis, ongeacht of de lettertypen worden geladen vanaf de Google-servers of lokaal vanaf je eigen server.

AVGDesondanks moet je ervoor zorgen dat je de lettertypen in overeenstemming integreert om problemen met gegevensbescherming te voorkomen.

Hoe kan ik Google Fonts deactiveren?

Je kunt verschillende methoden gebruiken om Google Fonts uit te schakelen.

  • Thema-instellingen: Veel thema's bieden opties om Google Fonts uit te schakelen.
  • Gebruik plugins: Met plugins zoals Google Fonts uitschakelen en verwijderen kun je Google Fonts met een paar klikken uitschakelen.
  • Elementor: Je kunt Google Fonts ook uitschakelen in de instellingen van Elementor.

Deze maatregelen voorkomen dat Google Fonts van externe servers worden geladen. Maar let op: als je Google Fonts op je website deactiveert, kan het ontwerp van je pagina veranderen, omdat de lettertypen niet meer zoals gebruikelijk worden weergegeven. In plaats daarvan worden standaard de lettertypen weergegeven die door je thema of browser worden gebruikt. Soms ziet dit er echter niet mooi uit. Om dit te voorkomen, moet je ervoor zorgen dat je alternatieve lettertypen lokaal integreert en in de CSS aanpast, zodat het ontwerp van je website consistent blijft.

"*" geeft verplichte velden aan

Ik wil me abonneren op de nieuwsbrief om op de hoogte te blijven van nieuwe blogartikelen, ebooks, features en nieuws over WordPress. Ik kan mijn toestemming te allen tijde intrekken. Bekijk ons Privacybeleid.
Dit veld dient ter validatie en mag niet worden gewijzigd.

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *.