Pourquoi ne puis-je pas charger des polices à partir de domaines externes dans Firefox ?

CSS @font-face Absolute URL Problèmes de chargement des polices dans Firefox

Arrière-plan :

Lorsque vous utilisez la règle CSS @font-face avec une URL absolue pour spécifier une police hébergée sur un domaine différent, vous pouvez rencontrer des problèmes de chargement de police dans Firefox. Cela peut être frustrant, surtout lorsque vous souhaitez un style cohérent sur plusieurs sites.

Cause fondamentale et solution :

Firefox restreint le chargement de polices à partir de domaines externes pour des raisons de sécurité. préoccupations. Pour résoudre ce problème, le serveur hôte de polices doit inclure des en-têtes de contrôle d'accès, en particulier Access-Control-Allow-Origin défini sur « * » ou des domaines autorisés spécifiques.

Pour les serveurs Web Apache, ajoutez le code suivant à votre . 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>

Une fois le serveur redémarré, Firefox pourra charger les polices du domaine externe, résolvant ainsi les problèmes de chargement.

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!