3.10 Utiliser des polices de caractères standards

[hrenaud]

Dans cette fiche, ce paragraphe me dérange :

Pour résumé, il est possible :

• d'utiliser des polices de caractères déployées sur internet, mais sur des CDN* comme Google Font ou Adobe Font par exemple. Votre utilisateur va devoir les télécharger automatiquement lors de la navigation (polices web). Certaines polices web sont disponibles pour une utilisation hébergée comme sur Google Font.

---

L'usage des Google Font (ou Adobe Font) n'est pas recommandé pour plusieurs raisons

• Au niveau RGPD, des sites se sont fait épingler en les utilisant, car cela partage l'adresse IP du visiteur du site avec Google. Il en va de même avec l'usage du reCaptcha ;
• Au niveau performance, comme les navigateurs cloisonnent le cache des sites, il n'y a plus d'avantages à utiliser cette solution et cela produit des requêtes en plus sur un autre domain ;
• Toujours au niveau performance, son usage demande une bonne implémentation pour éviter le blocage de rendu le temps de se connecter au domain et de télécharger celles-ci. Il faut ajouter font-display:swap.
• Performance toujours, afin de limiter le poids des polices à télécharger, il faut indiquer précisément les graisses, variations utilisées et se poser la question du format de police à proposer (privilégier le WOF2 qui maintenant est bien pris en charge par les navigateurs) ;
• Dernier point, les licences d'utilisation. Google Fonts est libre d'utilisation, mais Adobe Fonts nécessite un abonnement à Creative Cloud pour y avoir accès (dans Photoshop ou Muse par exemple) mais également pour les utiliser en ligne. Leurs utilisations, en tant que police web, nécessitent de répondre à leurs conditions d'utilisation https://helpx.adobe.com/fr/fonts/using/font-licensing.html#web-client.

Proposition

1. Ne pas conseiller d'utiliser les Google Fonts ou autres polices sur CDN dans la fiche 3.10
2. Faire une fiche spécifique sur ce point, abordant tous ces sujets (valider que ceux-ci sont, en effet, réels) et proposant des extensions pour au moins rapatrier les Google Font dans le site afin de les héberger (ex : OMGF) ou d'utiliser ce site permettant de les télécharger.
3. Si une fiche sur ce sujet est créée, faire pointer et remplacer les textes (notamment dans la 3.10) par un lien vers cette nouvelle fiche.

Annexes

Est-il recommandable d'utiliser un CDN pour héberger ses assets, voir son site ?

sources

• https://complianz.io/google-fonts-and-gdpr-does-it-work/
• https://www.albertovarela.net/blog/2022/11/stop-using-google-fonts/
• https://blog.runcloud.io/google-fonts-gdpr/
• https://wordpress.org/plugins/host-webfonts-local/

Licences

• https://helpx.adobe.com/fr/fonts/using/font-licensing.html
• https://developers.google.com/fonts/faq#how_can_i_use_the_google_fonts_github

[hrenaud]

Le sujet a été initialisé dans cette fiche https://github.com/cnumr/best-practices-wordpress/blob/feat/utilisation-de-polices-auto-h%C3%A9berg%C3%A9es/fiches/WP_3.14-preferer-l-utilisation-de-polices-auto-hebergees-aux-polices-cdn.md