Praca z czcionkami Google Fonts

Czym są czcionki Google?

Czcionki to pliki zawierające opis tego, w jaki sposób przeglądarka może wyświetlać określony tekst. Google udostępnia na swoich serwerach różne pliki czcionek. Dla wielu projektantów stron internetowych bardzo łatwo jest skorzystać z czcionek Google, aby zaprojektować stronę internetową w określony sposób.

Dlaczego czcionki Google Fonts stanowią problem?

W przypadku korzystania z czcionek Google Fonts za pośrednictwem serwerów Google przeglądarka odwiedzającego pobierze pliki czcionek bezpośrednio z Google. W związku z tym Google otrzyma od odwiedzającego adres IP, informacje o przeglądarce i inne dane, które może wykorzystać do własnych celów. Różne organy ochrony danych potwierdziły już, że takie wykorzystanie czcionek Google Fonts jest sprzeczne z zasadami minimalizacji danych zawartymi w RODO.

Jak pracować z czcionkami Google Fonts?

Najlepszym sposobem korzystania z plików czcionek jest pobranie ich z serwerów Google i umieszczenie bezpośrednio na własnym serwerze. W ten sposób Google nie jest już zaangażowane, a zasady ochrony danych nie są już naruszane.

Drugą najlepszą opcją jest zezwolenie ConsentManagerowi na blokowanie tych czcionek.

Jak pobrać czcionki Google Fonts?

  1. Aby pobrać pliki czcionek Google, możesz skorzystać z narzędzi takich jak Google Web Font Helper. Pozwala ono na pobranie plików do pliku ZIP.
  2. Rozpakuj plik ZIP i prześlij pliki na swój serwer
  3. Zaktualizuj kod HTML swojej strony internetowej i zmień lokalizację plików czcionek:

Oryginalny kod czcionki Google Font (przykład):

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> 

Zaktualizowana wersja odsyłająca do Twojego serwera (przykład):

<link href="https://meinserver.de/myfontfile.css" rel="stylesheet"> 

Włączanie automatycznego blokowania czcionek

Domyślnie automatyczny kod blokujący nie blokuje czcionek i arkuszy stylów. Możesz to włączyć w Menu > CMP > Edytuj > Inne ustawienia > Blokuj arkusze stylów:

Należy pamiętać, że automatyczne blokowanie nie jest bezpieczne w świetle RODO! Nowoczesne przeglądarki mogą pobrać czcionki jeszcze przed aktywacją blokady, przez co blokowanie może nie zadziałać.

Ręczne blokowanie czcionek Google Fonts

Jeśli korzystasz z ręcznego blokowania, możesz zablokować czcionki, aktualizując <link ..> kodu. Przykład:

<link class="cmplazyload" data-cmp-vendor="s2612" data-cmp-href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet"> 

We do our best to keep this purely informative documentation up to date. However, if you notice that any of these guides need a little touch-up, let us know!