Je sais qu'il y a beaucoup d'autres problèmes similaires à cela, mais le mien ne semble pas satisfaire à aucun des critères des autres problèmes.
My Bootstrap 3 Glyphicons travaillent pour chaque navigateur sauf Firefox. Sur Firefox, ils présentent des symboles étranges. Ce même problème est notoire lorsque vous servez les glyphicons d'un CDN, mais ce n'est pas mon problème que j'utilise les fichiers de polices hébergés localement. En outre, j'ai déjà veillé à ce que mes fichiers ne soient pas corrompus. P>
Voici mon code. P>
<span class="glyphicon glyphicon-list-alt section-icon"></span>
3 Réponses :
Firefox a un réglage strict ( Ceci ) qui empêche votre Fichier HTML d'accéder à vos polices Web à partir de dossiers non sur la racine. Cela ne se produit que lorsque vous travaillez localement et non des fichiers sur un serveur. Vous devez changer un paramètre dans Firefox pour afficher les glyphicons lorsque vous développez localement.
-open "À propos de: config" dans votre adresse dans Firefox
-Prochez-la de "sécurité.fileuri.strict_origin_policy" propriété et changez-le de "true" à "false". (ignorer les guillemets bien sûr)
Je confie du serveur avec les polices du même serveur.
Même problème ici. Avez-vous une solution pour cela?
Du point de vue du développeur, vous ne pouvez pas compter sur les utilisateurs de la déterminer. La solution doit être passive et non active sur la fin de l'utilisateur.
Il m'a fallu un moment pour résoudre celui-ci et mon problème pourrait être différent des autres car il y a des réponses populaires qui ne fonctionnaient tout simplement pas pour moi. C'est parce que mon problème et ma solution a à voir avec Amazon S3. Donc, si vous utilisez S3, lisez-le.
Le problème est la configuration CORS (partage de ressources croisées). Voici comment le résoudre:
Connectez-vous à votre S3 et ouvrez le godet que vous rencontrez le problème. Cliquez sur "Propriétés", puis sur "Autorisations". Dans la liste déroulante, cliquez sur "Modifier la configuration Cors". Une fenêtre apparaîtra avec du code dans une boîte qui ressemble à ceci: Supprimer cette ligne: sauvegarder et rafraîchissez votre page Firefox. Vos icônes doivent maintenant apparaître! Jetez un coup d'œil à ces liens pour plus d'informations car ils m'a aidés à résoudre ce problème: ici et ici et Ici . Si quelqu'un peut offrir plus d'informations sur la raison pour laquelle cela fonctionne, veuillez le faire!
Je n'utilise pas S3, donc ce n'est certainement pas le problème avec ma configuration. Merci quand même!
J'avais ce problème, mais servant Bootstrap CSS de CDN résolu pour moi:
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">