Boootstrap glyphicons Firefox questions

Je sais qu'il y a de nombreux autres problèmes semblables à ceci, mais le mien ne semble pas satisfait à aucun des critères des autres questions.

Mon Bootstrap 3 glyphicons sont de travail pour tous les navigateurs sauf Firefox. Sur Firefox, elles s'affichent comme des symboles étranges. Ce même problème est connu au moment de servir les glyphicons à partir d'un CDN, mais ce n'est pas mon problème que je suis en utilisant hébergés localement les fichiers de police. Aussi, j'ai déjà assuré que mes fichiers ne sont pas corrompus.

Voici mon code.

<head>
    <link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap-style.css" />
    <link rel="stylesheet" type="text/css" media="all" href="/assets/css/style.css" />
</head>

Le code de la glyphicon:

<span class="glyphicon glyphicon-list-alt section-icon"></span>

J'ai déjà veillé à ce que mes fichiers sont traités de façon appropriée et fait en sorte de vider mon cache. Je ne peux pas dire ce qui me manque ici. Des Suggestions?

OriginalL'auteur Thought Space Designs | 2013-09-30

  1. 8

    J'ai eu ce problème, mais de servir de bootstrap css à partir de CDN résolu pour moi:

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    YESSS. Qui résout mon problème !

    OriginalL'auteur Kingsley Ijomah

  2. 16

    Firefox a un strict paramètre(cette) qui empêche votre fichier HTML à partir d'accéder à vos polices web à partir de dossiers pas sur la racine. Cela se produit uniquement lorsque vous travaillez localement, et non pas à partir de fichiers sur un serveur. Vous devez modifier un paramètre dans Firefox pour afficher les glyphicons lorsque vous développer localement.

    -ouvrir "about:config" dans votre adresse dans firefox

    -Ensuite, la recherche de sécurité".fileuri.strict_origin_policy" de la propriété et de le modifier à partir de "true" à "false".
    (ignorer les guillemets bien sûr)

    Je suis deving sur le serveur avec les polices de caractères sur le même serveur.
    Même problème ici. Avez-vous une solution pour cela?
    à partir d'un point de vue du développeur, vous ne pouvez pas compter sur les utilisateurs essayant de se faire. La solution doit être passive, n'est pas actif sur l'utilisateur final.

    OriginalL'auteur Damathryx

  3. 3

    Il m'a fallu un certain temps pour résoudre cela, et mon problème est peut-être différent des autres qu'il y a des réponses qui n'a pas fonctionné pour moi. C'est à cause de mon problème et de la solution a à faire avec Amazon S3. Donc, si vous utilisez S3, lire sur.

    Le problème est que les CORS (Cross-Origin Resource sharing) de configuration. Voici comment le résoudre:

    Connectez-vous à votre S3 et ouvrir le seau que vous rencontrez le problème. Cliquez sur 'Propriétés' puis 'Autorisations.' Dans la liste déroulante, cliquez sur " modifier la configuration de la SCRO.' Une fenêtre s'ouvrira avec le code dans une boîte qui ressemble à ceci:

    <CORSConfiguration>
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Authorization</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

    De supprimer cette ligne:

    <AllowedHeader>Authorization</AllowedHeader>

    Enregistrer et d'actualiser votre Firefox page. Vos icônes apparaît maintenant!

    Prendre un coup d'oeil à ces liens pour plus d'informations, comme ils m'ont aidé à résoudre ce problème: ici et ici et ici. Si quelqu'un peut offrir plus de comprendre pourquoi cela fonctionne, s'il vous plaît!

    Je ne suis pas en utilisant S3, donc ce n'est certainement pas le problème avec ma config. Merci bien!

    OriginalL'auteur user2498172