Comment faire pour afficher les icônes Font Awesome dans Firefox?

Question

J'utilise la gemme Font-Awesome-Sass-Rails pour les polices d'icônes et elles s'affichent correctement dans tous les navigateurs sauf Firefox. J'utilise actuellement Cloudfront et Nginx. Voici ma configuration CORS:

<?xml version="1.0" encoding="UTF-8"?> 
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> 
    <CORSRule> 
     <AllowedOrigin>*</AllowedOrigin> 
     <AllowedMethod>GET</AllowedMethod> 
     <MaxAgeSeconds>3000</MaxAgeSeconds> 
     <AllowedHeader>*</AllowedHeader> 
    </CORSRule> 
</CORSConfiguration> 

Des idées?

Answer 1

Si la réponse ne parvenez pas à résoudre le problème de quelqu'un alors voici ma solution qui travaille:

# Cross domain webfont access 
location ~* \.(?:ttf|ttc|otf|eot|woff|font.css)$ { 
add_header "Access-Control-Allow-Origin" "*"; 
expires 1M; 
access_log off; 
add_header Cache-Control "public"; 
} 

Answer 2

Lorsque j'ai eu le même problème, j'ai trouvé que la seule solution qui fonctionnait pour moi était de définir un en-tête dans nginx lui-même.

location ~* \.(eot|otf|ttf|woff)$ { 
    add_header Access-Control-Allow-Origin *; 
} 

Answer 3

exemples ne fonctionnent pas au-dessus, cela a fonctionné. dans nginx config, mettre si bloc à l'intérieur/assets/rule

location ^~ /assets/ { 
    gzip_static on; 
    expires max; 
    add_header Cache-Control public; 

    if ($request_filename ~* ^.*?\.(eot)|(ttf)|(woff)|(svg)|(otf)$) { 
     add_header Access-Control-Allow-Origin *; 
    } 
    }