Police impressionnant ne fonctionne pas sous Firefox

Je suis en utilisant bootstrap et j'ai ajouté de la police impressionnant par le Moins, en substituant les Glyphicons. Les icônes d'affichage OK dans chrome, mais dans Firefox, je viens de voir des boîtes.

C'est comment mon répertoire se présente comme

-- Project
  -- js
  -- css
  -- less
  -- font-awesome
    -- css
    -- font
    -- less

Tout ce que j'ai modifié dans le Project > less > boostrap.less fichier a été:

@import "sprites.less";

//for this line

@import "../font-awesome/less/font-awesome.less";

Comme je l'ai dit dans Chrome fonctionne très bien mais pour une raison que Firefox affiche uniquement les boîtes.

Êtes-vous à l'aide de CA? Jetez un oeil à la SCRO.
avez-vous supprimé @import "sprites.less";??
ouais, avec ce que @ShankarCabus dit. Vous aurez envie de regarder en comment utiliser la SCRO avec ce que jamais serveur que vous utilisez. Vous devrez peut-être définir des en-têtes avec Access-Control-Allow-Origin être * ou quel que soit le domaine.

InformationsquelleAutor filistea | 2013-05-31

27

Web personnalisé polices via CDN (en tout ou en cross-domain demande de police) ne fonctionne pas dans Firefox ou Internet Explorer (correctement de sorte que, par spec) si ils font un travail (à tort) à Webkit navigateurs.

Vous pouvez résoudre ce problème en ajoutant des en-têtes de votre page.

Apache
```
    <FilesMatch ".(eot|ttf|otf|woff)">
        Header set Access-Control-Allow-Origin "*"
    </FilesMatch>
```
Nginx
```
    if ($filename ~* ^.*?\.(eot)|(ttf)|(woff)$){
        add_header Access-Control-Allow-Origin *;
    }
```
De crédit: http://davidwalsh.name/cdn-fonts
- Toute solution pour IIS ?
- Je ne comprends pas. Comment est-on censé modifier les en-têtes dans Apache, si les fichiers sont en train d'être chargé à partir d'une télécommande CA? (Je sais que l'OP est en cours de chargement localement, mais vous avez l'air de parler Cdn)
- Il est plus facile et plus rapide de simplement définir : "<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" >" Utilisez vous de la méthode @Dustin Brownell, ça ne fonctionne pas en local dans un des projets html.
- Il ne'twork sauf locales html projet est servi par une sorte de serveur, sous http://localhost
InformationsquelleAutor Dustin Brownell
24

Si vous voulez un moyen rapide et facile de faire de la Police impressionnant travail, essayez d'utiliser CDNJS. C'est gratuit et powered by CloudFlare. La SCRO est pris en charge hors de la boîte.

Essayer quelque chose comme cela:
```
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">
```
- Premjg il a fonctionné parfaitement pour moi - alors que bricoler avec les httpd.conf n'a rien fait pour résoudre mon problème. C'était en effet la solution la plus simple!
- Ce doit être la réponse choisie car elle fonctionne dans de nombreuses autres situations (je suis en train de construire mon site avec jekyll)
InformationsquelleAutor premjg
9

Si vous êtes l'hôte de la police sur le S3, vous avez à activer la SCRO sur le seau. Grâce à AWS Management Console, modifier les propriétés pour le seau et sous Autorisations, cliquez sur "Ajouter de la SCRO de Configuration". Dans mon cas, si j'ai laissé la config par défaut, il ne fonctionne toujours pas, alors je l'ai changé pour:
```
<CORSConfiguration>
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
    </CORSRule>
</CORSConfiguration>
```
- Voici un bon lien que j'ai trouvé comment faire: support.cloudflare.com/hc/en-us/articles/...
- MERCI BEAUCOUP!!!
- Merci beaucoup, cela a fonctionné pour moi.
InformationsquelleAutor Ruy Diaz
6

J'ai eu des problème avec l'instruction if parce que je n'ai pas de $filename variable.

Mais j'ai eu des résultats similaires en utilisant:
```
location ~ /\.(eot|otf|ttf|woff)$ {
        add_header Access-Control-Allow-Origin *;
    }
```
- Je suis l'aide de Nginx 1.4 et c'était la meilleure approche que la if déclaration.
InformationsquelleAutor fyberoptik
4

À l'aide d'un CDN comme premjg suggéré est le moins invasif de la méthode en plus de l'hébergement vous-même. La dernière version de fontawesome suggère bootstrapcdn, par exemple,

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" >

Comme une note mineure, noscript silencieusement bloque les demandes à la CAN, à moins que dans la liste blanche, et il ne sera pas vous inviter à la liste de diffusion de la CAN, à moins que votre page demande également JS fichiers à partir du même domaine.
- J'ai annulé votre edit depuis inconditionnel de forçage de "htpps" protocole n'est pas toujours une bonne idée d'apprendre ce qui est "impicit protocole de l'URL").
InformationsquelleAutor A Lee
1

Si vous êtes comme moi, la modification d'un site web.fichier de config est quelque chose que vous n'êtes pas autorisé à le toucher.

Essayez de stocker tous les fichiers de polices (.eot, .ttf, etc) dans leur propre dossier local, puis de les lier en local au lieu de la FontAwesome CDN. Effacé dans IE et FF, pour moi tout le temps.
```
@font-face{ font-family:'FontAwesome'; src:url('../_fonts/fontawesome-webfont.eot'); }
```
InformationsquelleAutor OneMohrTime
1

J'ai mis le code dans .htacces
```
<FilesMatch ".(eot|ttf|otf|woff)">
    Header set Access-Control-Allow-Origin "*"
</FilesMatch>
```
Il fonctionne bien maintenant. Merci. Remercie de votre aide

InformationsquelleAutor user3610713
0

Si vous utilisez wordpress et que vous pensez que vous avez tout essayé, de regarder et de voir si vous avez déjà installé un Police plugin Génial. Désactiver le plugin et de rafraîchissement dans Firefox.

Cela a été la solution pour moi, le plug - in de l'ancienne version de font-awesome a été substituant les fichiers que j'essayais de mettre à jour moi-même manuellement.

InformationsquelleAutor bkbeachlabs
0

Dans le dossier fonts, veuillez télécharger les fichiers suivants

FontAwesome.la fto

fontawesome-webfont.eot

fontawesome-webfont.svg

fontawesome-webfont.ttf

fontawesome-webfont.woff

------------------ Important glyphicons fichiers----------------

glyphicons-les hobbits réguliers.eot

glyphicons-les hobbits réguliers.svg

glyphicons-les hobbits réguliers.ttf

glyphicons-les hobbits réguliers.woff

S'il vous plaît télécharger les fichiers suivants et après que vous pouvez lier votre font-awesome.min.css dans votre fichier d'en-tête.

Ici est le suivant lien avec les fichiers appropriés:
http://goo.gl/WICQAf

InformationsquelleAutor Subhojit Mondal

Vous devez vous connecter pour publier un commentaire.