{"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":"anvaenda-google-fonts-med-divi-dsgvo-kompatibel","status":"publish","type":"post","link":"https:\/\/isla-stud.io\/sv\/code-snippets\/google-fonts-mit-divi-dsgvo-konform-nutzen\/","title":{"rendered":"Anv\u00e4nd Google Fonts med Divi i enlighet med GDPR"},"content":{"rendered":"<p>Sommaren 2022 kom det en massiv v\u00e5g av varningsbrev i samband med anv\u00e4ndningen av Google Fonts, d\u00e4r olika advokatbyr\u00e5er f\u00f6rs\u00f6kte f\u00e5 ut n\u00e5gra euro fr\u00e5n intet ont anande webbplatsoperat\u00f6rer. <\/p>\n\n\n\n<p>Andra bloggartiklar behandlar de ovann\u00e4mnda v\u00e5gorna av varningsbrev mycket mer detaljerat och jag vill inte g\u00e5 in p\u00e5 detta \u00e4mne l\u00e4ngre h\u00e4r. Ist\u00e4llet skulle jag idag vilja visa dig olika s\u00e4tt p\u00e5 vilka du kan undvika att bli m\u00e5let f\u00f6r en s\u00e5dan varningskampanj mot Google Fonts-anv\u00e4ndare i f\u00f6rsta hand.<\/p>\n\n\n\n<p>Du har i princip tre alternativ:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Du avst\u00e5r fr\u00e5n att anv\u00e4nda Google Fonts<\/li>\n\n\n\n<li>Du laddar ner de Google Fonts som anv\u00e4nds och laddar upp dem till din egen webbserver i EU och tillhandah\u00e5ller d\u00e4rmed typsnitten lokalt sj\u00e4lv<\/li>\n\n\n\n<li>Du anv\u00e4nder en tredjepartsleverant\u00f6r som \u00e4r v\u00e4rd f\u00f6r Google Fonts \u00e5t dig p\u00e5 en webbserver som finns i EU<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">G\u00f6r utan Google Fonts?<\/h2>\n\n\n\n<p>Om du har landat p\u00e5 den h\u00e4r bloggartikeln via Google-s\u00f6kning antar jag att nr 1 inte \u00e4r ett alternativ f\u00f6r dig. Inte f\u00f6r mig heller, om jag ska vara \u00e4rlig - \u00e5tminstone inte i de flesta webbprojekt. Googles typsnitt \u00e4r enormt popul\u00e4ra. Det \u00e4r f\u00f6rst\u00e5eligt n\u00e4r man tittar p\u00e5 den variation som erbjuds. Och de \u00e4r ocks\u00e5 gratis att anv\u00e4nda.  Jag skulle vilja att Google helt enkelt tillhandah\u00e5ller en webbserver i EU som \u00e4r ofarlig n\u00e4r det g\u00e4ller dataskydd och som du kan v\u00e4lja som serverk\u00e4lla f\u00f6r din egen webbplats. Detta skulle hj\u00e4lpa alla och GDPR-problemet skulle l\u00f6sas utan att anv\u00e4ndare av typsnitt i EU skulle beh\u00f6va kringg\u00e5 Googles tj\u00e4nst.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tillhandah\u00e5lla Google Fonts lokalt<\/h2>\n\n\n\n<p>M\u00e5nga WordPress-teman erbjuder nu m\u00f6jligheten att ladda upp egna teckensnitt och g\u00f6ra dem tillg\u00e4ngliga lokalt. Det finns ocks\u00e5 gott om plugin-l\u00f6sningar f\u00f6r detta. Divi-temat erbjuder ocks\u00e5 <a href=\"https:\/\/help.elegantthemes.com\/en\/articles\/2315966-how-to-upload-custom-fonts-in-divi-builder\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">M\u00f6jlighet att ladda upp dina egna teckensnitt<\/a>.<\/p>\n\n\n\n<p>Om du vill ha mer kontroll \u00f6ver teckensnittsfilerna och font-face-deklarationen i webbplatsens CSS, kan du ladda upp de \u00f6nskade teckensnitten till din egen webbserver via FTP eller SFTP och sedan skriva dina egna font-face-regler i de stilmallar som anv\u00e4nds.<\/p>\n\n\n\n<p>Jag vill inte g\u00e5 in p\u00e5 det h\u00e4r alternativet h\u00e4r heller, eftersom det redan har f\u00f6rklarats i detalj i m\u00e5nga andra blogginl\u00e4gg.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Anv\u00e4nd tredjepartsleverant\u00f6rer: Bunny Fonts!<\/h2>\n\n\n\n<p>F\u00f6r att kunna anv\u00e4nda en leverant\u00f6r som uppfyller kraven p\u00e5 dataskydd f\u00f6r dina Google Fonts m\u00e5ste produkten <a href=\"https:\/\/fonts.bunny.net\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Kanin typsnitt<\/a>. Med Bunny Fonts \u00e4r det m\u00f6jligt att anv\u00e4nda Googles teckensnitt, men att f\u00e5 dem levererade av Bunny Fonts servrar i EU i st\u00e4llet f\u00f6r av Googles servrar. Operat\u00f6rerna av Bunny Fonts-tj\u00e4nsten \u00e4r baserade i Slovenien och d\u00e4rmed inom EU: BunnyWay d.o.o., Cesta komandanta Staneta 4A, 1215 Medvode, Slovenien.<\/p>\n\n\n\n<p>Installera och aktivera helt enkelt mitt plugin <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\">\u201cBunny-teckensnitt f\u00f6r Divi\u201d<\/a>, som finns gratis i det officiella WordPress-arkivet och enkelt kan installeras via din WordPress-backend under Plugins.<\/p>\n\n\n\n<p>Avaktivera sedan optimeringen f\u00f6r laddning av Google Fonts p\u00e5 fliken Prestanda i temaalternativen f\u00f6r Divi. Om du l\u00e5ter det h\u00e4r alternativet vara aktiverat kommer Divi-temat att infoga en s\u00e5 kallad link prefetch-anslutning till Google Fonts-servrarna i huvudet p\u00e5 din webbplats. Vi skulle vilja f\u00f6rhindra detta. <\/p>\n\n\n\n<p>Med den h\u00e4r l\u00f6sningen kan du forts\u00e4tta att anv\u00e4nda alla Google Fonts i din Divi Builder utan att leverera teckensnitten till dina webbplatsbes\u00f6kare via Google.<\/p>\n\n\n\n<p>Om du har n\u00e5gra fr\u00e5gor, v\u00e4nligen anv\u00e4nd kommentarsfunktionen i slutet av denna bloggartikel.<\/p>","protected":false},"excerpt":{"rendered":"<p>F\u00f6rvirrande och \u00e4nd\u00e5 mycket enkelt:<br \/>\nF\u00f6r att uppfylla kraven i GDPR m\u00e5ste vi som webbplatsoperat\u00f6rer antingen tillhandah\u00e5lla de teckensnitt som anv\u00e4nds p\u00e5 v\u00e5ra webbplatser lokalt p\u00e5 v\u00e5r egen server inom EU eller anv\u00e4nda en teckensnittstj\u00e4nst som garanterar detta.<br \/>\nH\u00e4r kan du l\u00e4sa mer om hur du kan anv\u00e4nda Google Fonts i enlighet med GDPR med Divi-temat.<\/p>","protected":false},"author":1,"featured_media":2939,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[644,13,20],"tags":[],"dipi_cpt_category":[],"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\/sv\/wp-json\/wp\/v2\/posts\/2933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/comments?post=2933"}],"version-history":[{"count":2,"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/posts\/2933\/revisions"}],"predecessor-version":[{"id":3123,"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/posts\/2933\/revisions\/3123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/media\/2939"}],"wp:attachment":[{"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/media?parent=2933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/categories?post=2933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/tags?post=2933"},{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/isla-stud.io\/sv\/wp-json\/wp\/v2\/dipi_cpt_category?post=2933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}