{"id":2933,"date":"2023-03-10T21:14:42","date_gmt":"2023-03-10T20:14:42","guid":{"rendered":"https:\/\/www.saskialund.de\/?p=2933"},"modified":"2024-01-17T22:24:57","modified_gmt":"2024-01-17T21:24:57","slug":"google-fonts-mit-divi-dsgvo-konform-nutzen","status":"publish","type":"post","link":"https:\/\/isla-stud.io\/no\/code-snippets\/google-fonts-mit-divi-dsgvo-konform-nutzen\/","title":{"rendered":"Bruk Google Fonts med Divi GDPR-kompatibelt"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Sommeren 2022 kom det en stor b\u00f8lge av juridiske krav knyttet til bruk av Google Fonts. Flere advokatfirmaer fors\u00f8kte \u00e5 presse noen euro ut av intetanende nettstedseiere. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Andre blogginnlegg behandler disse kravkampanjene langt grundigere, s\u00e5 jeg g\u00e5r ikke n\u00e6rmere inn p\u00e5 dem her. I stedet vil jeg vise deg ulike m\u00e5ter \u00e5 unng\u00e5 \u00e5 bli m\u00e5l for en slik kampanje mot brukere av Google Fonts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Du har i utgangspunktet tre muligheter:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Du lar v\u00e6re \u00e5 bruke Google Fonts.<\/li>\n\n\n\n<li>Du laster ned Google-skriftene du bruker, og laster dem opp p\u00e5 din egen webserver i EU, slik at du leverer dem lokalt selv.<\/li>\n\n\n\n<li>Du bruker en tredjepart som leverer Google-skriftene for deg fra en webserver i EU.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Droppe Google Fonts?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Sie \u00fcber die Google Suche auf diesem Blogartikel gelandet sind, gehe ich davon aus, dass Nr. 1 keine Option f\u00fcr Sie ist. F\u00fcr mich auch nicht, um ehrlich zu sein &#8211; zumindest in den meisten Webprojekten. Google Schriftarten erfreuen sich einer enormen Beliebtheit. Das ist verst\u00e4ndlich, wenn man sich die Angebotsvielfalt anschaut. Und dann sind sie auch noch kostenfrei nutzbar.  Ich w\u00fcrde mir w\u00fcnschen, dass Google einfach einen datenschutzrechtlich unbedenklichen Webserver in der EU bereitstellen w\u00fcrde, den man sich als Serverquelle f\u00fcr die eigene Site aussuchen k\u00f6nnte. So w\u00e4re allen geholfen und das DSGVO-Problem w\u00e4re gel\u00f6st, ohne, dass die Font-Nutzer in der EU den Google Service umgehen m\u00fcssten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Levere Google Fonts lokalt<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mange WordPress-temaer har n\u00e5 innebygd st\u00f8tte for \u00e5 laste opp egne skrifter og levere dem lokalt. Det finnes ogs\u00e5 en mengde utvidelser for dette. Ogs\u00e5 Divi-temaet har en <a href=\"https:\/\/help.elegantthemes.com\/en\/articles\/2315966-how-to-upload-custom-fonts-in-divi-builder\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">mulighet for \u00e5 laste opp egne skrifter<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00d8nsker du mer kontroll over skriftfilene og font-face-deklarasjonen i nettstedets CSS, kan du laste opp skriftene til din egen webserver med FTP eller SFTP og deretter skrive egne font-face-regler i stilarkene.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Heller ikke dette alternativet g\u00e5r jeg n\u00e6rmere inn p\u00e5 her. Det er allerede godt og utf\u00f8rlig forklart i mange andre blogginnlegg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bruke en tredjepart: Bunny Fonts!<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">For \u00e5 bruke en personvernkompatibel leverand\u00f8r til Google-skriftene finnes n\u00e5 produktet <a href=\"https:\/\/fonts.bunny.net\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Bunny Fonts<\/a>. Med Bunny Fonts kan du bruke Google-skrifter, men f\u00e5 dem levert fra Bunny Fonts-servere i EU i stedet for fra Googles servere. Operat\u00f8ren holder til i Slovenia, alts\u00e5 innenfor EU: BunnyWay d.o.o., Cesta komandanta Staneta 4A, 1215 Medvode, Slovenia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Installer og aktiver utvidelsen min <a href=\"https:\/\/wordpress.org\/plugins\/bunny-fonts-for-divi\/\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/bunny-fonts-for-divi\/\" target=\"_blank\" rel=\"noopener\">&#8222;Bunny Fonts for Divi&#8220;<\/a>, som er gratis i den offisielle WordPress-katalogen og enkelt kan installeres under Utvidelser i WordPress-administrasjonen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deretter sl\u00e5r du av optimaliseringen av innlasting av Google Fonts i Performance-fanen i Divi-temainnstillingene. Hvis du lar den v\u00e6re aktiv, legger Divi til en s\u00e5kalt Link Prefetch-tilkobling til Google Fonts-serverne i nettstedets head. Det vil vi unng\u00e5. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Med denne l\u00f8sningen kan du fortsatt bruke alle Google Fonts i Divi Builder uten at skriftene leveres til de bes\u00f8kende via Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Har du sp\u00f8rsm\u00e5l, kan du gjerne bruke kommentarfeltet nederst i blogginnlegget.<\/p>","protected":false},"excerpt":{"rendered":"<p>Verwirrend und trotzdem ganz einfach:<br \/>\num der DSGVO gerecht zu werden, m\u00fcssen wir als Website-Betreiber:innen die auf unseren Websites verwendeten Fonts (Schriftarten) entweder lokal auf dem eigenen Server innerhalb der EU bereitstellen oder einen FontService nutzen, der dies gew\u00e4hrleistet.<br \/>\nErfahren Sie hier wie Sie mit dem Divi Theme Google Fonts DSGVO-konform nutzen k\u00f6nnen.<\/p>","protected":false},"author":1,"featured_media":2939,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_isla_series_order":0,"_isla_series_term_id":0,"footnotes":""},"categories":[644,13,20],"tags":[],"isla_series":[],"class_list":["post-2933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-snippets","category-ratgeber","category-tipps-tricks"],"acf":[],"_links":{"self":[{"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/posts\/2933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/comments?post=2933"}],"version-history":[{"count":2,"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/posts\/2933\/revisions"}],"predecessor-version":[{"id":3123,"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/posts\/2933\/revisions\/3123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/media\/2939"}],"wp:attachment":[{"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/media?parent=2933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/categories?post=2933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/tags?post=2933"},{"taxonomy":"isla_series","embeddable":true,"href":"https:\/\/isla-stud.io\/no\/wp-json\/wp\/v2\/isla_series?post=2933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}