Pourquoi mes polices ne se chargent-elles pas dans Firefox lorsque j'utilise @font-face avec un domaine externe ?

URL absolue CSS @font-face à partir d'un domaine externe : dépannage des problèmes de chargement des polices dans Firefox

Problème :

Lors de l'utilisation de la règle @font-face avec une URL absolue pour charger des polices à partir d'un domaine externe, les polices ne parviennent pas à se charger dans Firefox 13.0.1.

Analyse :

Firefox nécessite que les en-têtes de contrôle d'accès soient définis pour les polices chargées à partir de différents domaines. Plus précisément, l'en-tête Access-Control-Allow-Origin doit être défini sur * ou sur les domaines autorisés à demander la police.

Solution :

Pour les serveurs Apache, ajoutez le code suivant au fichier .htaccess :

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

Cela définira l'en-tête Access-Control-Allow-Origin sur *, permettant à tous les domaines de demander les polices.

Considérations supplémentaires :

• Si vous n'utilisez pas Apache, vous devrez consulter la documentation de votre logiciel serveur spécifique pour savoir comment définir les en-têtes de contrôle d'accès.
• Les polices hébergées sur différents sous-domaines nécessitent également que les en-têtes de contrôle d'accès soient définis correctement.
• Assurez-vous que les polices utilisées dans votre CSS sont réellement hébergées à l'URL spécifiée et disposent des autorisations appropriées pour être accessibles par le navigateur Web.

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!