@font-face src: local - Garantir l'utilisation des polices locales

Cette question aborde le problème de savoir comment empêcher les navigateurs de télécharger des polices qui sont déjà installés sur le système d'un utilisateur lors de l'utilisation de la règle @font-face.

Le CSS fourni dans la question utilise la syntaxe recommandée par Font Squirrel. Cependant, le problème persiste dans Chromium, suggérant un problème spécifique au navigateur.

La solution réside dans l'exploitation du mot-clé "local()" pour donner la priorité aux fichiers de polices locaux. En modifiant la propriété src comme indiqué ci-dessous, le navigateur tentera d'abord de charger la police depuis le système local :

src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');

Dans ce code modifié, 'local('DejaVu Serif')' garantit que Chromium vérifie la police DejaVu Serif installée sur le système de l'utilisateur avant de tenter de le télécharger depuis le Web.

Cette approche garantit un chargement optimal des polices, car le navigateur utilisera la copie locale si disponible, évitant ainsi les téléchargements inutiles et réduisant le temps de chargement des pages.