Comment charger des polices sur plusieurs domaines avec @font-face dans Firefox ?

Chargement de polices inter-domaines avec @font-face

Dans le but d'établir un référentiel de polices central pour plusieurs sites Web, un développeur a rencontré un problème particulier : les polices @font-face n'étaient accessibles que sur le sous-domaine où résidait le référentiel. Malgré un lien réussi vers font-face.css sur d'autres sites, les polices n'ont pas pu se charger.

Cause

Ce comportement découle de la politique de sécurité de Firefox, qui considère que intégration de polices de domaine nuisibles.

Solution

Pour surmonter cette restriction, ajoutez le code suivant au fichier .htaccess de niveau supérieur sur le sous-domaine hébergeant les polices :

<FilesMatch "\.(ttf|ttc|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

Restrictions d'accès

Pendant que le .htaccess modifié permet à tous les sites Web d'accéder aux polices, le développeur a exprimé le souhait de restreindre l'accès aux seuls utilisateurs autorisés. Cependant, la spécification W3C pour Access-Control-Allow-Origin limite les options à un caractère générique "*" ou à un domaine spécifique.

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!