@font-face+erro firefox

[ericolvr 0]

Do font-squirel

 

@font-face {
   font-family: "Cheryl";
   src: url("cheryl_hand-webfont-webfont.eot");
   src: url("cheryl_hand-webfont-webfont.eot?#iefix") format("embedded-opentype"),
        url("cheryl_hand-webfont-webfont.woff") format("woff"),
        url("cheryl_hand-webfont-webfont.ttf") format("truetype"),
        url("cheryl_hand-webfont-webfont.svg#CherylHand") format("svg");
   font-weight: normal;
   font-style: normal;
}

h1, h2, h3, h4, h5{ font-family: "Cheryl", Georgia,  Times, serif; }

 

Só nao funciona no Firefox, por que????

[William Bruno 1501]

tente removendo as aspas:

h1, h2, h3, h4, h5{ font-family: Cheryl, Georgia, Times, serif; }

Já verificou se não é um problema de cache ?

[André do Vale 76]

Tens certeza de que a "font-family" declarada originalmente no @font-face era só "Cheryl"?

 

Quando troca a nomenclatura que veio do Font Squirrel, para de funcionar no FF mesmo.

[marcelo2605 10]

Você está usando algum arquivo css de reset?

São todas as letras que dão problema ou somente as acentuadas?

 

Já tive problemas com o font-squirrel. Veja se a fonte não existe no Google fonts.

[ericolvr 0]

Já tentei com aspas simples, aspas duplas, sem aspas. Problema de cache não é, estou rodando localmente.

Não tenho nenhum reset no CSS, não consigo imaginar o porque.

[mangakah 217]

Talvez o navegador não esteja conseguindo localizar os arquivos, você viu no painel Net do Firebug se ele baixou o arquivo? Tente colocar os caminhos completos para os arquivos. Com "http://" e tudo.

[marcelo2605 10]

Troque a fonte para ver se não é problema do arquivo.

[Marcos Ravena 1]

Pessoal.

 

Estava tendo o mesmo problema com o Firefox. Até achei algo falando em alterar diretrizes do diretório usando um arquivo .htaccess, mas isso seria meio difícil pra mim. Andei fazendo alguns testes e pra mim funcionou isso:

 

Eu tinha dois arquivos usando a mesma fonte, mas apenas um deles abria corretamente. A diferença entre eles é que um era meu site e usa o CSS estava num arquivo fora do HTML. O outro era apenas um teste de fonte e menus dropdown, e tinha o CSS declarado dentro do HTML, através do <style type="text/css">.

 

O que fiz foi declarar o @font-face dentro do html e todos os outros atributos no arquivo separado. Deu certo. Não sei se isso pode acarretar algum outro problema, se o impede de ser validado no W3C ou outro tipo de "problema", o importante por enquanto é que funcionou. E enquanto não achamos outro meio, vamos com esse mesmo.

 

Espero que ajude alguém.