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

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

Dans le but de développer une section de magasin sur Shopify, un utilisateur a rencontré un problème lorsque les polices hébergées sur un serveur Pagodabox distinct ne se chargeaient pas dans Firefox version 13.0.1. Leur CSS utilisait des URL absolues pour référencer les polices, et ils ont demandé de l'aide pour déterminer la source du problème.

Firefox applique des mesures de sécurité qui limitent le chargement de polices à partir de domaines externes à l'aide de @font-face. Lorsque la source de la police se trouve sur un autre serveur, elle doit être accompagnée d'en-têtes de contrôle d'accès, en particulier l'en-tête Access-Control-Allow-Origin défini sur « * » ou sur les domaines autorisés.

Pour résoudre ce problème problème, la solution consiste à ajouter les configurations Apache au fichier .htaccess et à redémarrer le serveur. Voici un exemple :

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>

En ajoutant les configurations spécifiées au fichier .htaccess, Firefox reconnaîtra les en-têtes de contrôle d'accès et permettra aux polices hébergées sur le domaine Pagodabox externe d'être chargées avec succè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!