Pourquoi ne puis-je pas charger les polices @font-face à partir d'un domaine externe dans Firefox ?

@font-face URL absolue d'un domaine externe : dépannage des problèmes dans Firefox

Incorporation de polices externes dans votre site Web à l'aide de @font-face Cette règle est essentielle pour garantir une typographie et une image de marque cohérentes. Cependant, lorsque vous hébergez vos polices sur un domaine externe et que vous essayez de les charger dans Firefox, vous pouvez rencontrer le problème frustrant de polices qui ne s'affichent pas correctement.

Ce problème vient du fait que Firefox applique une politique de même origine. sur les requêtes @font-face. Lorsque vous tentez de charger des polices à partir d'un domaine différent, le navigateur déclenche une erreur à moins que les fichiers de polices ne soient fournis avec des en-têtes de contrôle d'accès.

Résoudre le problème dans Apache

Pour Pour résoudre ce problème et autoriser le chargement de polices d'origine croisée dans Firefox, vous devez configurer votre serveur Web pour envoyer les en-têtes appropriés. Pour les serveurs Apache, ajoutez le code suivant à votre fichier .htaccess et redémarrez le serveur :

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>

Cette configuration ajoutera l'en-tête Access-Control-Allow-Origin nécessaire avec une valeur de "*", permettant Firefox pour charger les polices du domaine externe spécifié.

Avec ces en-têtes en place, Firefox pourra désormais accéder aux polices et les afficher comme prévu, garantissant une expérience typographique transparente et cohérente sur vos pages 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!