[CSS] @font face não funciona

[MarianaAndrade 0]

Gente, estou modificando um layout simples pra blogspot

 

segue o link do blog em que estou testando: http://studiokong.blogspot.com

 

usei a fonte Lobster nos titulos dos posts e titulos na sidebar, e embora pra mim apareça (uso o chrome,mas em qualquer browser pega no meu laptop, pois tenho a fonte instalada no pc), minha irma tentou ver no mozilla (ela nao tem a fonte instalada) e nao conseguiu ver, aparece times new roman mesmo

 

código:

 

@font-face {

font-family: 'Lobster_1.4';

src: url('http://www.fileden.com/files/2011/4/4/3109208//lobster_1.4-webfont.eot') format('eot'),

url('http://www.fileden.com/files/2011/4/4/3109208//lobster_1.4-webfont.woff') format('woff'),

url('http://www.fileden.com/files/2011/4/4/3109208//lobster_1.4-webfont.ttf') format('truetype');

}

 

 

eu já coloquei o código certinho, com os links pras fontes... oque será que deu errado? talvez o blogspot não suporte css3?

 

o layout precisa ir ao ar em três dias!

['''''''''''''' 0]

@font-face {
font-family: 'Lobster';
src: url('http://www.fileden.com/files/2011/4/4/3109208//lobster_1.4-webfont.eot') format('eot'),
url('http://www.fileden.com/files/2011/4/4/3109208//lobster_1.4-webfont.woff') format('woff'),
url('http://www.fileden.com/files/2011/4/4/3109208//lobster_1.4-webfont.ttf') format('truetype');
}

 

Tenta coloca só lobster ali no FONT-FAMILY:

 

ee na hora que você for chamar a fonte dnv chama por Lobster!

tipo

div {

font-family: lobster;

}

[MarianaAndrade 0]

Obrigada pela resposta, mas não deu certo :/

[diogombb 0]

Tenta ae:

 

Adicione essa linha no seu código html:

<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>

 

Agora só utilizar normalmente com:

font-family: 'Lobster';

 

*Ahh, delete o @font-face do seu css!

 

Acho que vai funcionar! :joia: