Pourquoi ne puis-je pas utiliser les polices @font-face d'un sous-domaine dans Firefox ?

Blocage @font-face inter-domaines

En tentant d'établir un référentiel de polices, vous avez rencontré un problème où @font Les déclarations -face dans un sous-domaine ne sont accessibles que dans ce sous-domaine. Firebug confirme le chargement réussi du fichier font-face.css, vous laissant perplexe quant à l'échec du chargement des polices sur d'autres sites.

Restriction inter-domaines de Firefox

La la cause première réside dans la mesure de sécurité de Firefox. Il empêche l'intégration de polices dans plusieurs domaines, y compris les sous-domaines. Cette mesure vise à se prémunir contre d'éventuelles activités malveillantes.

Modification du fichier htaccess

Pour surmonter cette restriction dans Firefox, modifiez le fichier .htaccess de niveau supérieur du sous-domaine en ajoutant le code suivant :

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

Ce code ajoute un en-tête à la réponse qui autorise les polices d'origine croisée chargement.

Restriction de l'accès

Alors que vous cherchiez initialement à vous accorder un accès exclusif au référentiel de polices, la spécification W3C pour Access-Control-Allow-Origin n'autorise qu'un caractère générique "*" ou un domaine spécifique. Des recherches plus approfondies sont nécessaires pour déterminer s'il existe des options pour mettre en œuvre un contrôle plus granulaire de l'accès.

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!