Carattere scaricabile su firefox: URI errato o accesso cross-site non consentito

Sono un webmaster su http://www.beperk.com (ti sto dando l’URL in modo da poter verificare il problema) e sto avendo molti problemi a usare @ font-face nei CSS.

Voglio utilizzare i foundicons di zurb dot com, quindi li ho ospitati su Amazon S3.

Ho impostato il bucket per consentire l’accesso a crossdomain come specificato qui: http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors

E tutto ha cominciato a funzionare senza problemi su webkit, trident e gecko … soprattutto: quando navighi sul web con firefox (testate nelle versioni 17, 18 e 19) tutte le icone falliscono casualmente con questo errore:

Timestamp: 22/02/13 13:18:01 Error: downloadable font: download failed (font-family: "GeneralFoundicons" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed 

E dico casualmente visto che dopo un pieno ricaricamento della pagina (con controllo / comando + R) ogni singola icona appare normalmente per fallire di nuovo dopo alcune visite.

Qualcuno può trovare il problema?

Sul tuo server dovrai aggiungere:

 Access-Control-Allow-Origin 

All’intestazione dei file dei font, ad esempio, se si utilizza Apache, è ansible aggiungerli a .htaccess:

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

Se qualcuno utilizza risorse locali e affronta questo problema in firefox. Puoi andare su about:config e modificare la preferenza security.fileuri.strict_origin_policy su false .

vedere: https://developer.mozilla.org/en-US/docs/Same-origin_policy_for_file:_URIs

prova ad usare font codificati in base64 come:

 @font-face { font-family:"font-name"; src:url(data:font/opentype;base64,[paste-64-code-here]); font-style:normal; font-weight:400; } 

vedi: http://sosweetcreative.com/2613/font-face-and-base64-data-uri

ha funzionato perfettamente.

Ho risolto il problema in Firefox (problema di accesso alle risorse locali) usando uri: src: uri("../fuentes/EurostileLTStd.otf"); invece di src: uri("../fuentes/EurostileLTStd.otf"); .