Font face

[ericolvr 0]

Bom dia pessoal, sempre usei fontes .TTF nos font-faces que criei, mero acaso.

Estou tentando com com uma fonte .OTF e não rola, Já tentei fazer a conversão no FontSquirrel,

mas tbm não deu certo.

 

@font-face{
   font-family: "Museo300-Regular";
   src: url(../fontes/"Museo300-Regular.otf")	
   local(../fontes/"Museo300-Regular.otf"),
}
p{
   font-family: "Museo300-Regular", Verdana, Arial, Helvetica, sans-serif;
   font-size: 25px;
}

Funciona Chrome apenas

 

Convertido pelo font squirrel

@font-face {
   font-family: 'Museo700';
src: url(../fonts/'museo700-regular-webfont.eot');
   src: url(../fonts/'museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
   url(../fonts/'museo700-regular-webfont.woff') format('woff'),
   url(../fonts/'museo700-regular-webfont.ttf') format('truetype'),
   url(../fonts/'museo700-regular-webfont.svg#Museo700') format('svg');
   font-weight: normal;
   font-style: normal;
}

p{
   font-family: 'Museo700', Verdana, Arial, Helvetica, sans-serif;
   font-size: 25px;
}

 

Não fnfa em nennhum browser.

Alguém pode dar uma dica?

Obrigado

[William Bruno 1501]

use sem aspas:

 font-family: Museo700, Verdana, Arial, Helvetica, sans-serif;

desde q o arquivo da font esteja no mesmo servidor q o css, comigo sempre funcionou.

 

E além disso, corrija os caminhos, está com erro nas aspas:

  src: url(../fonts/'museo700-regular-webfont.eot');

deveria ser:

  src: url('../fonts/museo700-regular-webfont.eot');

[ericolvr 0]

Bruno, testei.

No Chrome funciona, no FF não.. o problema perrsiste.

Obrigado

[Mateus Avila Isidoro 8]

Usa o método font-squirrel. Lá eles geram as fontes pra ti na boa.

http://www.fontsquirrel.com/

[Giovani 104]

ericolvr, posta um link :thumbsup:

 

Mateus, ele usou o font-squirrel ... conforme post #1.