ti-enxame.com

Fonte para download no firefox: URI incorreto ou acesso entre sites não permitido

Sou webmaster em http://www.beperk.com (estou fornecendo o URL para que você possa verificar o problema) e estou tendo muitos problemas usando @font -face em CSS.

Quero usar os foundicons do zurb dot com para hospedá-los no Amazon S3.

Configurei o bucket para permitir o acesso entre domínios, conforme especificado aqui: http://docs.aws.Amazon.com/AmazonS3/latest/dev/cors.html#how-do-i-enable-cors =

E tudo começou a funcionar perfeitamente no webkit, trident e gecko ... principalmente: ao navegar na web com o firefox (versões 17, 18 e 19 testadas), todos os ícones falham aleatoriamente com este erro:

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 digo aleatoriamente, pois após uma recarga completa da página (com controle/comando + R), cada ícone parece normalmente falhar novamente após algumas visitas.

Alguém pode encontrar o problema?

32
dolarsrg

No seu servidor, você precisará adicionar:

Access-Control-Allow-Origin

No cabeçalho dos arquivos de fonte, por exemplo, se você estiver usando o Apache, poderá adicioná-lo ao .htaccess:

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>
39
Ryan McDonough

Se alguém estiver usando recurso local e enfrentando esse problema no firefox. Você pode ir para about:config e altere o security.fileuri.strict_Origin_policy preferência a false.

veja: https://developer.mozilla.org/pt-BR/docs/Same-Origin_policy_for_file:_URIs

12
thanh

tente usar fontes codificadas em base64 implementadas, como:

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

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

funcionou perfeitamente.

5
matt hias