• Autor
    Wpisy
  • #105515

    Sprawdzam różne opcje personalizacji i w typografii przy próbie zmiany czcionki mogę wybrać tylko kilka rodzajów czcionek. Przy pozostałych wyświetla się komunikat “Wygląda na to, że wybrałeś krój pisma Google. Korzystając z zewnętrznych krojów pisma Google, witryna może naruszać zasady prywatności prywatności obowiązującymi w kraju odwiedzającego. Alternatywnie, można korzystać z naszego rozszerzenia Local Google Fonts lub plugin.”
    Co to znaczy?
    Motyw to Blocksy

    #105555

    Hej Elwira, czy podałabyś może adres strony, na której występuje problem?

    #105568
    Paweł Zieliński
    Moderatorka

    Cześć Elwira,
    Tak, masz rację ten motyw to wyświetla, testowałem – nie przejmuj się, ale zawsze można sprawdzić.
    Poniżej instrukcja:
    Jak masz wątpliwości czy font, który wybrałaś ma prawa autorskie to zapisz sobie jego nazwę i sprawdź czy występuje na stronie:
    https://fonts.google.com
    Jak klikniesz w wybranego fonta to poszukaj zakładki „About & license”
    Wszystkie fonty na tej stronie mają podaną licencję.

    Pozdrawiam,
    Paweł

    #105577

    Cześć Paweł, weszłam na tą stronę i wpisałam kilka różnych fontów. W licencji wszystkie mają taką informację:
    “These fonts are licensed under the Open Font License.
    You can use them in your products & projects – print or digital, commercial or otherwise.
    This isn’t legal advice, please consider consulting a lawyer and see the full license for all details.”

    Rozumiem, że mogę ich używać?

    Dlaczego taka informacja w moim motywie w ogóle się pojawia?

    #105610
    Kaja Rzeczkowska
    Moderatorka

    Odkryłaś super ciekawą sprawę!

    Niektóre kraje mają pewne konkretne obostrzenia związane z prywatnością, o które martwi się twórca Twojego motywu. I niestety możemy do nich należeć.

    Generalnie chodzi o to, że użytkownik Twojej strony pobiera wybrany przez Ciebie font Google od Google, a co za tym idzie, Google otrzymuje informację, że użytkownik o jakimś IP (uznano, że to dane osobowe) wszedł na Twoją stronę, co może być wysyłaniem informacji o nim za granicę.

    Nie mam jakiejś porywającej wiedzy prawnej i nie znalazłam super jednoznacznej informacji na temat tego, jak polskie prawo zapatruje się na korzystanie z Google Webfont. Szczerze mówiąc, nigdy wcześniej nie pomyślałam, że to może być problem. Natomiast rok temu była o tym głośna w świecie RODO sprawa w Niemczech i właściciele stron otrzymywali tam upomnienia i wezwania do zapłaty. U nas obowiązują te same przepisy unijne, więc jeśli temat pojawi się w sądach, interpretacje mogą być podobne. Ochrona danych osobowych to temat, który firmom nie daje spać po nocach, bo kary za to potrafią być duuuuże.

    Zrobiłam szybki research i tak:
    – ileś stron ma w polityce prywatności zapisy o tym, że stosują fonty Google i mają w tym uzasadniony interes prawny
    – znalazłam artykuł prawniczy dowodzący, że taki zapis nie wystarcza, ponieważ odsyłanie do Google nie jest konieczne i fonty można osadzić u siebie na stronie
    – na innej stronie znalazłam artykuł polecający m.in. wtyczkę Local Google Fonts albo Optimize My Google Fonts (do wyboru, ale skoro Blocksy poleca Ci to pierwsze jako swoje, to wydaje się u Ciebie lepszym wyborem) jako rozwiązanie pozwalające osadzić wybrane fonty Google u siebie na stronie, co rozwiązuje problemy z RODO.
    Jest też rozwiązanie bezwtyczkowe, które daje lepsze wyniki pod względem szybkości strony, ale wydaje się skomplikowane. Może Paweł dałby radę przedstawić zrozumiale.

    W każdym razie wygląda to na temat, gdzie lepiej się zabezpieczyć i wyrazy uznania dla twórców motywu, że o to dbają.

    #105636

    Kaja, dziękuję za tak obszerną odpowiedź. Czy dobrze rozumiem, że jeśli chcę skorzystać z któregoś z tych fontów Google, powinnam zainstalować wtyczkę Local Google Fonts? Nie wiem jeszcze czy w ogóle będę potrzebowała innego fontu, ale może tak, więc chętnie się dowiem jak zrobić to legalnie i spać spokojnie 😉

    #105662

    Elwira, z tego co zrozumiałam to tak, ale przekażę dla pewności jeszcze temat Kai 🙂

    #105683
    Kaja Rzeczkowska
    Moderatorka

    Tak, dokładnie. Jakbyś miała problemy z konfiguracją wtyczki, to pisz 🙂

    #105689

    Ok. Na razie nie zajmuję się jeszcze takimi szczegółami, ale jak już przyjdzie na to czas, to w razie problemów na pewno będę pisać 😉
    Dziękuję za wszystkie wyjaśnienia i pomoc.

    #105748
    Kaja Rzeczkowska
    Moderatorka

    Super 🙂 Cieszę się, że mogłam Ci pomóc 🙂

    #113200

    Odkopuję mój temat.
    Nie wiem jak skonfigurować wtyczkę Local Google Fonts. Zainstalowałam ją, włączyłam. Weszłam w ustawienia. Pokazują mi się takie okienka:

    (z zielonym paseczkiem po lewej stronie ramki)
    Google Consent Mode required by March 2024
    Google Consent Mode is a tool that allows websites to more effectively communicate users’ cookie consent choices to Google tags. With the introduction of Google Consent Mode V2, its implementation is mandatory by March 2024 for all sites using Google services. Make sure your site is compatible with Google Consent Mode V2 and integrate it with Cookie Compliance. Click “Run Compliance Check” to proceed and test other compliance features.
    Uruchom sprawdzenie zgodności Usuń powiadomienie

    (z czerwonym paseczkiem po lewej stronie ramki)
    You have currently no Google fonts in use on your site.

    Potem już bez ramki:
    Options (tutaj można zaznaczyć) Load Fonts automatically
    If you check this option discovered fonts will get loaded automatically.

    I później jeszcze:
    0 Google font sources found on your site.
    This page shows all discovered Google Fonts over time. If you miss a font start browsing your front end so they end up showing here.
    Manually check Homepage Remove all stored data

    I na końcu
    Zapisz zmiany

    Gdzie ja mam wybrać czcionki, których bym chciała użyć na stronie?

    #113203
    Paweł Zieliński
    Moderatorka

    Nie znam tej wtyczki (nie muszę znać wszystkich :)), napewno nie poddał bym się odrazu i poszukał rozwiązania:
    1. Strona wtyczki: https://wordpress.org/plugins/local-google-fonts/#description
    Tam znajdziesz instrukcję jak ją zainstalować i ustawić.
    2. Zawsze można zerknąć na YT:

    Wygląda, że ten tutorial jest ok, zawsze można poszukać innego.
    Przyznam, że trochę mało pomocne to co napisałem PRZEPRASZAM powinienem podać konkretne rozwiązanie ale go nie znam, jutro dyżur ma Gaba, może ona będzie miała więcej doświadczenia.

    #113270

    Widzę już wybrane przeze mnie czcionki jak wchodzę w ustawienia wtyczki. Ale nie za bardzo wiem co zrobić dalej. Na stronie wtyczki nie widzę opisu co robić po kolei, a po angielsku mi trudno szukać na YT. W podesłanym tutorialu jest mowa chyba o jakimś innym sposobie, a nie o tej wtyczce??
    Na stronie wtyczki jest punkt “How to check if my site is loading Google Fonts?” ale to jest już chyba kolejny krok? U mnie w ustawieniach wtyczki pod wybranymi przeze mnie fontami jest przycisk “Host locally” – czy ja go powinnam wcisnąć? Obok wybranych fontów w rubryce status jest czerwony x i informacja “loaded from fonts.googleapis.com”. (wygląda to tak jak na zdjęciu na stronie wtyczki, ale u mnie obok czerwonego x jest “loaded from fonts.googleapis.com” a na zdjęciu “not loaded, served from Google servers”)

    #113287
    Paweł Zieliński
    Moderatorka

    Cześć
    Wygląda na to, że wtyczka, której używasz, służy do przechowywania czcionek Google lokalnie na twojej stronie WordPress, co jest przydatne dla szybkości ładowania strony i zgodności z przepisami o ochronie prywatności. Proces, który opisujesz, jest typowym krokiem w konfiguracji tego typu wtyczki. Oto co powinnaś zrobić krok po kroku:

    Wybór czcionek: Skoro już wybrałaś czcionki i widzisz je w ustawieniach wtyczki, to pierwszy krok masz za sobą.

    Hostowanie lokalne: Przycisk „Host locally” służy do pobrania i zapisania wybranych przez Ciebie czcionek bezpośrednio na serwerze Twojej strony WordPress. Kliknięcie tego przycisku jest kluczowym krokiem, ponieważ właśnie tak przeniesiesz hosting czcionek z zewnętrznych serwerów Google na swój serwer. Dzięki temu czcionki będą ładowane lokalnie, co może poprawić czas ładowania strony.

    Czerwony X i status: Informacja „loaded from fonts.googleapis.com” wskazuje, że obecnie Twoje czcionki są ładowane bezpośrednio z serwerów Google. Czerwony X oznacza, że czcionki te nie są jeszcze hostowane lokalnie. Po kliknięciu „Host locally” status ten powinien się zmienić, a czcionki będą ładowane z lokalnego hostingu na Twojej stronie.

    Sprawdzenie działania: Po wykonaniu powyższych kroków, warto skorzystać z punktu „How to check if my site is loading Google Fonts?” na stronie wtyczki. To narzędzie lub instrukcja pomoże Ci zweryfikować, czy czcionki są poprawnie ładowane z Twojego serwera, co jest ważne dla potwierdzenia, że wszystko działa jak należy.

    Podsumowując, kliknij przycisk „Host locally”, aby rozpocząć proces hostowania czcionek lokalnie. Po zakończeniu procesu, sprawdź status obok wybranych czcionek, aby upewnić się, że są one teraz ładowane z Twojego serwera, a nie z serwerów Google. Na koniec, użyj dostępnych narzędzi lub instrukcji wtyczki, aby upewnić się, że wszystko działa poprawnie.

    • Ta odpowiedź została zmodyfikowana 1 miesiąc, 2 tygodnie temu przez Paweł Zieliński.
    #113291

    W ustawieniach wtyczki na moim kokpicie wszystko wygląda dobrze, jest informacja ✔ loaded from kowalkaswojegocyklu.pl – czyli z tego co zrozumiałam teraz już są ładowane z mojego serwera.

    Ale jak chciałam sprawdzić wg tego co jest na stronie wtyczki w punkcie „How to check if my site is loading Google Fonts?”, to w punkcie “4. Check the Domain column if it contains domains from a third party (Google is fonts.gstatic.com)” – nie widzę u siebie tej kolumny. Pozostałe kolumny są takie jak na drugim zrzucie, ale tej kolumny w czerwonej ramce u mnie nie widać. Czy to możliwe, że ta kolumna jest gdzieś ukryta i muszę ją włączyć?

    #113307
    Paweł Zieliński
    Moderatorka

    Jeżeli chcesz zobaczyć więcej kolumn w widoku “zbadaj”, kliknij na belkę z nagłówkiem prawym przyciskiem (tam gdzie są Name, Status itp.). Otworzy się menu i wybierzesz sobie jaką kolumnę chcesz dodać.
    Ale to jest tylko do sprawdzenia, jeżeli status nasz na 200, to wszystko jest ok jeżeli masz inną wartość pola status to daj znać.
    A ty masz dwa fony na 200 i są ładowane z twojej strony.

    #113322

    Status 200 i dodałam kolumnę domena i tam też jest to co ma być przy tych dwóch fontach 🙂

    Ale dopytam jeszcze. Bo oprócz tych dwóch, wyświetlają mi się jeszcze 3 inne wiersze:

    inter-latin.woff2 (status 200, domena wordpress.org)
    data:application/x… (status 200, w domenie nic nie ma)
    inter-arrows.woff2 (status 200, domena wordpress.org)

    I na samym dole jeszcze wczoraj nic nie było, a dzisiaj są różne komunikaty:

    Error with Permissions-Policy header: Origin trial controlled feature not enabled: ‘attribution-reporting’.
    Error with Permissions-Policy header: Origin trial controlled feature not enabled: ‘run-ad-auction’.
    Error with Permissions-Policy header: Origin trial controlled feature not enabled: ‘join-ad-interest-group’.
    Error with Permissions-Policy header: Origin trial controlled feature not enabled: ‘browsing-topics’.
    local-google-fonts/#how%20to%20check%20if%20my%20site%20is%20loading%20google%20fonts%3F:811 [Intervention] Images loaded lazily and replaced with placeholders. Load events are deferred. See https://go.microsoft.com/fwlink/?linkid=2048113
    local-google-fonts/:1023
    GET https://stats.wp.com/e-202412.js net::ERR_BLOCKED_BY_CLIENT
    jquery-migrate.min.js?ver=3.4.1:2 JQMIGRATE: Migrate is installed, version 3.4.1

    Co to oznacza?

    #113335
    Paweł Zieliński
    Moderatorka

    Nie znam wszyskich błędów poniżej informacja jaką udało mi się znaleść:

    Błędy związane z Permissions-Policy header: Te błędy wskazują, że próbujesz użyć eksperymentalnych funkcji (takich jak attribution-reporting, run-ad-auction, join-ad-interest-group, browsing-topics), które nie są włączone na Twojej stronie. Funkcje te są częścią tzw. “origin trials” w przeglądarce, co pozwala na testowanie nowych funkcjonalności przed ich oficjalnym wdrożeniem. Aby je włączyć, musisz zarejestrować się do odpowiedniego “origin trial” i dodać otrzymany token do nagłówków swojej strony. Szczegółowe informacje znajdziesz w dokumentacji Chrome dotyczącej origin trials.

    Błędy związane z ładowaniem obrazów (Intervention): Ostrzeżenie to wskazuje na zastosowanie leniwego ładowania obrazów (lazy loading), które jest zalecane dla poprawy wydajności strony. Komunikat mówi, że obrazy są ładowane później (leniwie) i zastępowane placeholderami do czasu ich potrzeby. To dobra praktyka, więc jeśli to zamierzone działanie, nie musisz się tym martwić.

    Błąd związany z stats.wp.com: Komunikat net::ERR_BLOCKED_BY_CLIENT sugeruje, że żądanie do zasobu zostało zablokowane przez klienta, np. przez rozszerzenie przeglądarki blokujące reklamy lub trackery. Jeśli jest to niezbędne dla funkcjonalności Twojej strony, upewnij się, że użytkownicy wiedzą, iż powinni wyłączyć blokery treści lub dodać Twoją stronę do wyjątków.

    Informacja o jQuery Migrate: Komunikat o JQMIGRATE informuje, że skrypt jQuery Migrate jest zainstalowany i aktywny na Twojej stronie. Jest to pomocnicza biblioteka, która zapewnia kompatybilność wsteczną dla starszych kodów jQuery podczas aktualizacji do nowszych wersji jQuery. To pozytywne, jeśli Twoja strona korzysta ze starszych skryptów lub wtyczek opartych na jQuery.

    Nie wygląda na nic strasznego.

    #113371

    Dziękuję za odpowiedź. Wrócę do tego przy sprawdzaniu strony, bo ja tylko dodawałam fonty, nic innego nie zamierzałam robić.