css @ font-face ne rendant pas dans Firefox

malgré le fonctionnement correctement dans Google Chrome et Internet Explorer, la règle CSS @ Font-Face ne fonctionne pas dans Firefox. Bien que le code @ FONT-FACE semble être valide, le problème semble être spécifique à Firefox. Le dépannage de cette divergence nécessite de comprendre la configuration et les paramètres dans Firefox.

Politique de fichier local URI

Firefox utilise une politique stricte concernant le fichier URI Origins (fichier: ///), qui peut entraver le chargement des ressources locales. Pour résoudre ce problème, accédez à "À propos de: config" dans la barre d'adresse Firefox, filtrez par "Fileuri", et basculez la préférence "Security.Fileuri.strict_origin_policy" à false. Cela permet à Firefox de se comporter de manière similaire avec d'autres navigateurs lors de la gestion des ressources de police locales.

Problèmes de domaine croisé

Si le site est publié et que le problème persiste, il peut être nécessaire de considérer un problème potentiel de domaine croisé. Même si des chemins relatifs sont spécifiés dans le code, l'ajout d'un en-tête supplémentaire dans le fichier .htaccess est recommandé:

    
        Header set Access-Control-Allow-Origin "*"
    

Cet en-tête doit empêcher toute restriction potentielle dans le domaine croisé. De plus, il est possible d'utiliser le codage de base64 pour la police de police, qui peut également résoudre le problème.

pour plus d'informations et un aperçu complet, reportez-vous à la ressource fournie dans la réponse.