Pourquoi et comment ajouter des polices conformes au RGPD dans Joomla?

RGPD: comment remplacer Google Fonts dans Joomla ?

Les polices employées sur un site Web jouent un rôle important dans l'attrait visuel du site. Une police de caractères judicieusement choisie aidera à transmettre le message approprié et à établir la cohérence de la marque auprès des internautes. Une excellente police de caractères doit être lisible mais aussi sécurisée pour le Web, ce qui signifie qu'elle doit s'afficher correctement sur divers appareils, navigateurs et systèmes d'exploitation.

Choisir une police de caractères appropriée au style du site, en revanche, n'est pas toujours aussi simple. Les polices qui sont visuellement belles mais qui ne sont pas sécurisées pour le Web sont répandues, et vice versa. Pour mémoire, les polices de caractères sécurisées pour le Web sont celles qui sont fournies en standard avec la plupart des systèmes d'exploitation. Cela garantit qu'elles s'afficheront correctement sur plusieurs appareils et navigateurs.

Par exemple, Arial, Times New Roman, ou encore Helvetica font partie des polices de caractères sécurisées les plus populaires pour le Web.

Quel est le problème avec Google Fonts?

Google Fonts (anciennement connu sous le nom de Google WebFonts avant juin 2013) est un service de polices de caractères appartenant à Google. Cela inclut des familles de polices gratuites et open source, un répertoire Web interactif pour parcourir la bibliothèque et des API pour utiliser les polices via CSS et Android.
Les polices Google les plus populaires sont Roboto, Open Sans, Lato, Oswald, Montserrat, Source Sans Pro et Raleway. En février 2023, Google Fonts comptait 1 482 familles de polices, dont 288 familles de polices variables.

Aujourd'hui, Google Fonts est utilisé par plus de 60 millions de sites Web, d'après trends.builtwith.com

MAIS

En Janvier 2022, un tribunal allemand a jugé qu'un site Web utilisant Google Fonts violait le règlement général de l'Union européenne sur la protection des données (RGPD) en transmettant des informations personnelles identifiables (adresse IP) à Google sans le consentement de l'utilisateur ou sans un intérêt légitime à le faire.

Le site Web a été condamné à payer une amende de 100 €. Le tribunal de Munich a clairement voulu montrer l'exemple. Les juges ont même mentionné que la prochaine amende serait de 250 000 € pour l'opérateur du site Web s'il ne se mettait pas en conformité.

Nous venons de le voir, plus de 60 millions de sites Web utilisent Google Fonts et la société à l'origine du célèbre moteur de recherche utilise ce service gratuit pour collecter nos données sans notre consentement. Dans le domaine du Web, c'est ce que nous appelons un dark pattern ou dark UX (en français: interface truquée).

En utilisant Google Fonts, les conditions d'utilisation qui s'appliquent spécifiquement concernent l'API de Google, car vous intégrez généralement les polices avec <link> ou @import dans vos CSS avec une des ces URLs: fonts.googleapis.com ou fonts.gstatic.com.

Les API sont conçues pour vous aider à améliorer vos sites Web et vos applications (« Client(s) API »). VOUS ACCEPTEZ QUE GOOGLE PEUT SURVEILLER L'UTILISATION DES API POUR GARANTIR LA QUALITÉ, AMÉLIORER LES PRODUITS ET SERVICES GOOGLE ET VÉRIFIER VOTRE CONFORMITÉ AVEC LES CONDITIONS. Cette surveillance peut inclure l'accès et l'utilisation de Google à votre client API, par exemple pour identifier les problèmes de sécurité susceptibles d'affecter Google ou ses utilisateurs.

En fonction de votre projet ou des besoins de votre client, ce n'est pas nécessairement un problème majeur. Ou ce que vous croyez ou en qui vous accordez votre confiance. Alternativement, vos normes Internet et de confidentialité.

Pourtant, il faut que nous en soyons conscients. Et, si vous n'êtiez pas encore au courant de ce dark pattern lorsque vous utilisez Google Fonts, alors vous devez continuer à lire ce qui suit.

Quelles sont mes options pour respecter le RGPD?

Si votre site Web utilise Google Fonts, vous avez 3 options:

  • Héberger vos polices localement: Vous pouvez télécharger vos polices directement depuis le site Web de Google Fonts et les charger sur le serveur de votre site Web.
  • Continuez à utiliser Google Fonts et demandez le consentement de vos utilisateurs: En raison du transfert de données des utilisateurs vers Google, vous êtes obligé de demander le consentement de vos internautes. Créez une bannière de consentement qui répertorie les polices Google comme l'un des services de traitement des données (DPS). De plus, vous devez obtenir l'autorisation de votre utilisateur avant de demander le service Google Font. Différer les fichiers de polices de caractères n'est jamais une bonne idée.
Le chargement de polices à partir de sources externes peut, dans certains pays, être contraire à la réglementation sur la vie privée.
Le chargement de polices à partir d'un dossier du serveur peut avoir un impact sur les performances de votre site.
  • Utilisez un service de polices conforme au RGPD: Étonnamment, il existe plus de 25 alternatives à Google Fonts, non seulement des sites Web, mais également des applications pour diverses plates-formes, notamment Android, iPhone, tablette Android et iPad. Vous connaissez probablement déjà des services comme Font Squirrel, Font Library, dafont.com, Adobe Fonts et Fonts.com.

Demandez-vous simplement si la valeur ajoutée de la commodité de Google Fonts vaut la peine de payer le prix de la confidentialité des données de vos internautes.

Comment ajouter des polices de caractères conformes au RGPD dans Joomla 4?

Alors, vous avez décidé d'arrêter d'utiliser Google Fonts ? Super!
Comme vous n'êtes probablement pas un développeur et que la modification de certaines lignes de code dans les fichiers de votre site Web peut être effrayante pour beaucoup, j'ai écrit ce tutoriel pour vous montrer comment ajouter une police conforme au RGPD à Joomla.

Et vous allez voir, c'est vraiment super facile.

Maintenant, il est temps de parler d'un gentil petit lapin : bunny.net.

Bunny.net est une société slovène créée en 2014 avec l'idée simple d'aider les développeurs à fournir du contenu sans se ruiner. Depuis, Bunny a eu une vision beaucoup plus ambitieuse pour aider à façonner Internet. Bunny propose de nombreux services Web comme le CDN, l'hébergement mais aussi les polices de caractères ! Et bien sûr, toutes ces polices sont gratuites et totalement conformes au RGPD.

Dans ce tutoriel, nous allons remplacer Roboto par Open Sans qui est une police assez proche visuellement. Notez que dans ce cas, Bunny utilise l'API Google mais sans aucun suivi.

  • Choisissez votre style Sélectionnez les styles(graisses et italiques) de la police qui correspondent le mieux au design, à la mise en page et à l'identité de votre site Web en cliquant sur les boutons "Add variant"
  • Générez les CSS. Cliquez ensuite sur le bouton "Font +" en haut de la page pour générer les CSS @import ou HTML <link>. Ici, nous copions @import.
  • Accédez à l'administration de votre site Joomla, puis ouvrez Système > Templates du site et ouvrez votre template.
  • Ouvrez le fichier user.css ou custom.css situé dnas le dossier CSS et copiez le code généré sur Bunny.net.
    Enfin, on ajoute quelques règles pour appliquer la nouvelle police au corps et aux titres du site:
@import url(https://fonts.bunny.net/css?family=open-sans:300,300i,400,400i,500,500i,600,600i,700,700i,800i);
body {font-family: 'Open Sans', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
  • Enregistrez et fermez votre fichier CSS.
  • Avant de refermer votre panneau d'administration, vérifiez que votre template ne charge pas de polices externes.

Et voilà, c'est déjà terminé !

En conclusion

L'utilisation d'une police Web HTML permet de garantir la cohérence de l'affichage de votre site sur tous les appareils. De plus, selon la police utilisée, elle contribuera à l'aspect professionnel, formel ou élégant du site Web.

Gardez à l'esprit que chaque police de caractères a sa propre personnalité, alors choisissez-en une qui soit à la fois lisible et représentative de votre entreprise.

Dans cet article, je vous ai expliqué pourquoi l'utilisation de Google Fonts sur votre site Web pouvait poser problème. Je vous ai fourni quelques conseils pour protéger la vie privée de vos utilisateurs et je vous ai montré comment ajouter une police conforme au RGPD à votre site Web Joomla.

J'espère vraiment que Joomla supprimera Google Fonts de Cassiopeia car la confidentialité n'est plus une option d'autant plus qu'il existe des solutions gratuites et qui respectent le RGPD.

Les polices employées sur un site Web jouent un rôle important dans l'attrait visuel du site. Une police de caractères judicieusement choisie aidera à transmettre le message approprié et à établir la cohérence de la marque auprès des internautes. Une excellente police de caractères doit être lisible mais aussi sécurisée pour le Web, ce qui signifie qu'elle doit s'afficher correctement sur divers appareils, navigateurs et systèmes d'exploitation.

Choisir une police de caractères appropriée au style du site, en revanche, n'est pas toujours aussi simple. Les polices qui sont visuellement belles mais qui ne sont pas sécurisées pour le Web sont répandues, et vice versa. Pour mémoire, les polices de caractères sécurisées pour le Web sont celles qui sont fournies en standard avec la plupart des systèmes d'exploitation. Cela garantit qu'elles s'afficheront correctement sur plusieurs appareils et navigateurs.

Par exemple, Arial, Times New Roman, ou encore Helvetica font partie des polices de caractères sécurisées les plus populaires pour le Web.

Quel est le problème avec Google Fonts?

Google Fonts (anciennement connu sous le nom de Google WebFonts avant juin 2013) est un service de polices de caractères appartenant à Google. Cela inclut des familles de polices gratuites et open source, un répertoire Web interactif pour parcourir la bibliothèque et des API pour utiliser les polices via CSS et Android.
Les polices Google les plus populaires sont Roboto, Open Sans, Lato, Oswald, Montserrat, Source Sans Pro et Raleway. En février 2023, Google Fonts comptait 1 482 familles de polices, dont 288 familles de polices variables.

Aujourd'hui, Google Fonts est utilisé par plus de 60 millions de sites Web, d'après trends.builtwith.com

MAIS

En Janvier 2022, un tribunal allemand a jugé qu'un site Web utilisant Google Fonts violait le règlement général de l'Union européenne sur la protection des données (RGPD) en transmettant des informations personnelles identifiables (adresse IP) à Google sans le consentement de l'utilisateur ou sans un intérêt légitime à le faire.

Le site Web a été condamné à payer une amende de 100 €. Le tribunal de Munich a clairement voulu montrer l'exemple. Les juges ont même mentionné que la prochaine amende serait de 250 000 € pour l'opérateur du site Web s'il ne se mettait pas en conformité.

Nous venons de le voir, plus de 60 millions de sites Web utilisent Google Fonts et la société à l'origine du célèbre moteur de recherche utilise ce service gratuit pour collecter nos données sans notre consentement. Dans le domaine du Web, c'est ce que nous appelons un dark pattern ou dark UX (en français: interface truquée).

En utilisant Google Fonts, les conditions d'utilisation qui s'appliquent spécifiquement concernent l'API de Google, car vous intégrez généralement les polices avec <link> ou @import dans vos CSS avec une des ces URLs: fonts.googleapis.com ou fonts.gstatic.com.

Les API sont conçues pour vous aider à améliorer vos sites Web et vos applications (« Client(s) API »). VOUS ACCEPTEZ QUE GOOGLE PEUT SURVEILLER L'UTILISATION DES API POUR GARANTIR LA QUALITÉ, AMÉLIORER LES PRODUITS ET SERVICES GOOGLE ET VÉRIFIER VOTRE CONFORMITÉ AVEC LES CONDITIONS. Cette surveillance peut inclure l'accès et l'utilisation de Google à votre client API, par exemple pour identifier les problèmes de sécurité susceptibles d'affecter Google ou ses utilisateurs.

En fonction de votre projet ou des besoins de votre client, ce n'est pas nécessairement un problème majeur. Ou ce que vous croyez ou en qui vous accordez votre confiance. Alternativement, vos normes Internet et de confidentialité.

Pourtant, il faut que nous en soyons conscients. Et, si vous n'êtiez pas encore au courant de ce dark pattern lorsque vous utilisez Google Fonts, alors vous devez continuer à lire ce qui suit.

Quelles sont mes options pour respecter le RGPD?

Si votre site Web utilise Google Fonts, vous avez 3 options:

  • Héberger vos polices localement: Vous pouvez télécharger vos polices directement depuis le site Web de Google Fonts et les charger sur le serveur de votre site Web.
  • Continuez à utiliser Google Fonts et demandez le consentement de vos utilisateurs: En raison du transfert de données des utilisateurs vers Google, vous êtes obligé de demander le consentement de vos internautes. Créez une bannière de consentement qui répertorie les polices Google comme l'un des services de traitement des données (DPS). De plus, vous devez obtenir l'autorisation de votre utilisateur avant de demander le service Google Font. Différer les fichiers de polices de caractères n'est jamais une bonne idée.
Le chargement de polices à partir de sources externes peut, dans certains pays, être contraire à la réglementation sur la vie privée.
Le chargement de polices à partir d'un dossier du serveur peut avoir un impact sur les performances de votre site.
  • Utilisez un service de polices conforme au RGPD: Étonnamment, il existe plus de 25 alternatives à Google Fonts, non seulement des sites Web, mais également des applications pour diverses plates-formes, notamment Android, iPhone, tablette Android et iPad. Vous connaissez probablement déjà des services comme Font Squirrel, Font Library, dafont.com, Adobe Fonts et Fonts.com.

Demandez-vous simplement si la valeur ajoutée de la commodité de Google Fonts vaut la peine de payer le prix de la confidentialité des données de vos internautes.

Comment ajouter des polices de caractères conformes au RGPD dans Joomla 4?

Alors, vous avez décidé d'arrêter d'utiliser Google Fonts ? Super!
Comme vous n'êtes probablement pas un développeur et que la modification de certaines lignes de code dans les fichiers de votre site Web peut être effrayante pour beaucoup, j'ai écrit ce tutoriel pour vous montrer comment ajouter une police conforme au RGPD à Joomla.

Et vous allez voir, c'est vraiment super facile.

Maintenant, il est temps de parler d'un gentil petit lapin : bunny.net.

Bunny.net est une société slovène créée en 2014 avec l'idée simple d'aider les développeurs à fournir du contenu sans se ruiner. Depuis, Bunny a eu une vision beaucoup plus ambitieuse pour aider à façonner Internet. Bunny propose de nombreux services Web comme le CDN, l'hébergement mais aussi les polices de caractères ! Et bien sûr, toutes ces polices sont gratuites et totalement conformes au RGPD.

Dans ce tutoriel, nous allons remplacer Roboto par Open Sans qui est une police assez proche visuellement. Notez que dans ce cas, Bunny utilise l'API Google mais sans aucun suivi.

  • Choisissez votre style Sélectionnez les styles(graisses et italiques) de la police qui correspondent le mieux au design, à la mise en page et à l'identité de votre site Web en cliquant sur les boutons "Add variant"
  • Générez les CSS. Cliquez ensuite sur le bouton "Font +" en haut de la page pour générer les CSS @import ou HTML <link>. Ici, nous copions @import.
  • Accédez à l'administration de votre site Joomla, puis ouvrez Système > Templates du site et ouvrez votre template.
  • Ouvrez le fichier user.css ou custom.css situé dnas le dossier CSS et copiez le code généré sur Bunny.net.
    Enfin, on ajoute quelques règles pour appliquer la nouvelle police au corps et aux titres du site:
@import url(https://fonts.bunny.net/css?family=open-sans:300,300i,400,400i,500,500i,600,600i,700,700i,800i);
body {font-family: 'Open Sans', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
  • Enregistrez et fermez votre fichier CSS.
  • Avant de refermer votre panneau d'administration, vérifiez que votre template ne charge pas de polices externes.

Et voilà, c'est déjà terminé !

En conclusion

L'utilisation d'une police Web HTML permet de garantir la cohérence de l'affichage de votre site sur tous les appareils. De plus, selon la police utilisée, elle contribuera à l'aspect professionnel, formel ou élégant du site Web.

Gardez à l'esprit que chaque police de caractères a sa propre personnalité, alors choisissez-en une qui soit à la fois lisible et représentative de votre entreprise.

Dans cet article, je vous ai expliqué pourquoi l'utilisation de Google Fonts sur votre site Web pouvait poser problème. Je vous ai fourni quelques conseils pour protéger la vie privée de vos utilisateurs et je vous ai montré comment ajouter une police conforme au RGPD à votre site Web Joomla.

J'espère vraiment que Joomla supprimera Google Fonts de Cassiopeia car la confidentialité n'est plus une option d'autant plus qu'il existe des solutions gratuites et qui respectent le RGPD.

Daniel Dubois - auteur à web-eau.net

A propos de Daniel

Passionné par le Web depuis 2007, Daniel défend la veuve et l'orphelin du web en créant des sites respectueux du W3C. Fort de son expérience, il partage ses connaissances dans un état d'esprit open source. Très impliqué en faveur du CMS Joomla depuis 2014, il est également conférencier et fondateur du Joomla User Group Breizh.

Site Web Facebook Twitter Joomla Courriel

web-eau.net

29800 Landerneau

06 74 50 27 99

daniel@web-eau.net