Comment empêcher les navigateurs de télécharger des polices déjà installées sur le système de l'utilisateur à l'aide de @font-face ?

@font-face src: local - Assurer 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 prioriser les 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 pour la police DejaVu Serif installée sur le système de l'utilisateur avant d'essayer de la 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 chargement des pages. temps.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!