[Resolvido] @font-face não funciona no blogger

[Coleandro 0]

Olá, estou tendo problemas ao tentar utilizar o atribubo @font-face em um blog de testes. O código funciona perfeitamente apenas no Chrome, sendo ignorado por Firefox e IE.

 

Utilizo importação externa:

 

<link href='http://dl.dropbox.com/u/9717223/DDB/fonts/bebasneue.css' rel='stylesheet' type='text/css'/>

 

Este é o conteúdo do arquivo bebasneue.css:

@font-face{
font-family: 'BebasNeueRegular';
src: url('http://dl.dropbox.com/u/9717223/DDB/fonts/BebasNeue-webfont.eot');
src: url('http://dl.dropbox.com/u/9717223/DDB/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('http://dl.dropbox.com/u/9717223/DDB/fonts/BebasNeue-webfont.woff') format('woff'),url('http://dl.dropbox.com/u/9717223/DDB/fonts/BebasNeue-webfont.ttf') format('truetype'),url('http://dl.dropbox.com/u/9717223/DDB/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: 400;
font-style: normal;
}

 

Já tentei hospedar os arquivos em outros servidores, inclusive google sites, mas não funcionou. Se alguém puder me ajudar a resolver o problema, ou pelo menos me explicar o porque de isso acontecer com o Blogger, fico feliz =)

 

Este é o endereço do blog de testes: http://ddbeta2.blogspot.com.br/

[JCMais 75]

As fontes devem está no mesmo dominio do blog, caso contrário, o dominio que você está requisitando as fontes deve enviar o header Access-Control-Allow-Origin para permitir a inclusão das mesmas.

 

Leia: http://dev.w3.org/csswg/css3-fonts/#same-origin-restriction

[Coleandro 0]

Obrigado! Problema solucionado =)