{"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":"utiliser-les-polices-google-avec-divi-en-conformite-avec-le-dsgvo","status":"publish","type":"post","link":"https:\/\/isla-stud.io\/fr\/code-snippets\/google-fonts-mit-divi-dsgvo-konform-nutzen\/","title":{"rendered":"Utiliser les polices Google avec Divi en conformit\u00e9 avec le RGPD"},"content":{"rendered":"<p>Au cours de l'\u00e9t\u00e9 2022, une vague massive d'avertissements a \u00e9t\u00e9 envoy\u00e9e en rapport avec l'utilisation de Google Fonts (polices de caract\u00e8res), dans le cadre de laquelle divers cabinets d'avocats ont tent\u00e9 de soutirer quelques euros \u00e0 des propri\u00e9taires de sites web peu m\u00e9fiants. <\/p>\n\n\n\n<p>D'autres articles de blog traitent de ces vagues d'avertissements de mani\u00e8re beaucoup plus d\u00e9taill\u00e9e et je ne souhaite pas m'\u00e9tendre sur ce sujet ici. Je souhaite plut\u00f4t vous montrer aujourd'hui diff\u00e9rentes mani\u00e8res d'\u00e9viter d'\u00eatre la cible d'une telle campagne d'avertissement contre les utilisateurs de Google Fonts.<\/p>\n\n\n\n<p>En fait, vous avez trois possibilit\u00e9s :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Vous renoncez \u00e0 l'utilisation de Google Fonts<\/li>\n\n\n\n<li>Vous t\u00e9l\u00e9chargez les polices de caract\u00e8res Google utilis\u00e9es et les t\u00e9l\u00e9chargez \u00e0 nouveau sur votre propre serveur web dans l'UE et mettez ainsi les polices de caract\u00e8res \u00e0 disposition localement.<\/li>\n\n\n\n<li>vous utilisez un fournisseur tiers qui h\u00e9berge pour vous les polices Google sur un serveur web situ\u00e9 dans l'UE<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Renoncer \u00e0 Google Fonts ?<\/h2>\n\n\n\n<p>Si vous \u00eates arriv\u00e9 sur cet article de blog via la recherche Google, je suppose que le num\u00e9ro 1 n'est pas une option pour vous. Pour moi non plus, \u00e0 vrai dire - du moins dans la plupart des projets web. Les polices Google jouissent d'une \u00e9norme popularit\u00e9. C'est compr\u00e9hensible si l'on consid\u00e8re la diversit\u00e9 de l'offre. Et en plus, elles sont utilisables gratuitement.  Je souhaiterais que Google mette tout simplement \u00e0 disposition un serveur web dans l'UE qui ne pose pas de probl\u00e8me en mati\u00e8re de protection des donn\u00e9es et que l'on puisse choisir comme source de serveur pour son propre site. Cela aiderait tout le monde et le probl\u00e8me du RGPD serait r\u00e9solu sans que les utilisateurs de polices de l'UE aient \u00e0 contourner le service de Google.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mettre les polices Google \u00e0 disposition localement<\/h2>\n\n\n\n<p>De nombreux th\u00e8mes WordPress int\u00e8grent d\u00e9sormais la possibilit\u00e9 de t\u00e9l\u00e9charger ses propres polices et de les mettre \u00e0 disposition localement. Il existe en outre de nombreuses solutions de plugins \u00e0 cet effet. Le th\u00e8me Divi propose \u00e9galement la fonction <a href=\"https:\/\/help.elegantthemes.com\/en\/articles\/2315966-how-to-upload-custom-fonts-in-divi-builder\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Option pour t\u00e9l\u00e9charger ses propres polices<\/a>.<\/p>\n\n\n\n<p>Ceux qui souhaitent avoir plus de contr\u00f4le sur les fichiers de polices et la d\u00e9claration de font-face dans le CSS du site web t\u00e9l\u00e9chargent les polices souhait\u00e9es sur leur propre serveur web par FTP ou SFTP et \u00e9crivent ensuite leurs propres r\u00e8gles de font-face dans les feuilles de style utilis\u00e9es.<\/p>\n\n\n\n<p>Je ne souhaite pas non plus m'\u00e9tendre sur cette option ici, car elle est d\u00e9j\u00e0 suffisamment expliqu\u00e9e et d\u00e9taill\u00e9e dans de nombreux autres articles de blog.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Utiliser des fournisseurs tiers : Bunny Fonts !<\/h2>\n\n\n\n<p>Pour utiliser un fournisseur conforme \u00e0 la protection des donn\u00e9es pour vos polices Google, il existe depuis quelque temps le produit <a href=\"https:\/\/fonts.bunny.net\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Polices de caract\u00e8res Bunny<\/a>. Avec Bunny Fonts, il est possible d'utiliser les polices Google, mais de les faire livrer non pas par les serveurs de Google, mais par les serveurs de Bunny Fonts dans l'UE. Les exploitants du service Bunny Fonts se trouvent en Slov\u00e9nie et donc au sein de l'UE : BunnyWay d.o.o., Cesta komandanta Staneta 4A, 1215 Medvode, Slovenia.<\/p>\n\n\n\n<p>Installez et activez simplement mon 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 Fonts for Divi\u201d<\/a>Il est disponible gratuitement dans le d\u00e9p\u00f4t officiel de WordPress et peut \u00eatre install\u00e9 facilement via votre backend WordPress sous Plugins.<\/p>\n\n\n\n<p>Ensuite, dans l'onglet Performance des options du th\u00e8me Divi, d\u00e9sactivez l'optimisation pour le chargement de Google Fonts. Si vous laissez cette option activ\u00e9e, le th\u00e8me Divi ins\u00e8re ce que l'on appelle une connexion Link Prefetch aux serveurs Google Fonts dans le titre de votre site web. Nous souhaitons \u00e9viter cela. <\/p>\n\n\n\n<p>Cette solution vous permet de continuer \u00e0 utiliser toutes les polices Google dans votre Divi Builder sans livrer les polices aux visiteurs de votre site web via Google.<\/p>\n\n\n\n<p>Si vous avez des questions, n'h\u00e9sitez pas \u00e0 utiliser la fonction de commentaire \u00e0 la fin de cet article de blog.<\/p>","protected":false},"excerpt":{"rendered":"<p>D\u00e9routant et pourtant tr\u00e8s simple :<br \/>\npour \u00eatre en conformit\u00e9 avec le RGPD, nous devons, en tant qu'exploitants de sites web, mettre \u00e0 disposition les polices utilis\u00e9es sur nos sites web soit localement sur notre propre serveur au sein de l'UE, soit utiliser un FontService qui le garantit.<br \/>\nD\u00e9couvrez ici comment utiliser Google Fonts avec le th\u00e8me Divi en conformit\u00e9 avec le RGPD.<\/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\/fr\/wp-json\/wp\/v2\/posts\/2933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/comments?post=2933"}],"version-history":[{"count":2,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/posts\/2933\/revisions"}],"predecessor-version":[{"id":3123,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/posts\/2933\/revisions\/3123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/media\/2939"}],"wp:attachment":[{"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/media?parent=2933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/categories?post=2933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/tags?post=2933"},{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/isla-stud.io\/fr\/wp-json\/wp\/v2\/dipi_cpt_category?post=2933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}