font-face no funciona

[crafter_v]

Hola, queria añadir un par de tipografias a mi web con la propiedad font-face, pero nose que pasa que no funciona.


@font-face{
font-family:"Avenir LT Std 55 Roman";
src:url(fonts/AvenirLTStd-Roman.otf) url(fonts/AvenirLTStd-Roman.eot) url(fonts/AvenirLTStd-Roman.ttf);
}


@font-face{
font-family:"Bello Pro";
src:url(fonts/BelloPro.otf) url(fonts/BelloPro.eot) url(fonts/BelloPro.ttf);
}


.estilo1{
font-family:"Avenir LT Std 55 Roman";
font-size:12px;
line-height: 150%;
font-style: normal;
}

#name {
margin: 0px 0px 0px 50px;
line-height:75px;
float: left;
font-family:"Bello Pro";
font-size: 36px;
}





He probado también asi, pero nada

@font-face{
font-family:"Avenir LT Std 55 Roman";
src:url(http://www.mipagina.com/fonts/AvenirLTStd-Roman.otf) url(http://www.mipagina.com/fonts/AvenirLTStd-Roman.eot) url(http://www.mipagina.com/fonts/AvenirLTStd-Roman.ttf);
}


@font-face{
font-family:"Bello Pro";
src:url(http://www.mipagina.com/fonts/BelloPro.otf) url(http://www.mipagina.com/fonts/BelloPro.eot) url(http://www.mipagina.com/fonts/BelloPro.ttf);
}

[pzin]

Lo mejor que puedes hacer, es usar el generador @font-face de FontSquirrel, que genera los archivos necesarios para los distintos navegadores (woff, eot, svg...) a partir de una fuente y también genera un archivo CSS con los valores necesarios para su uso.

Luego comprueba las que las rutas sean las correctas.

Intenta no usar mayúsculas en los nombres de los archivos, o al menos tantas, no es que no se pueda, pero es que seguramente no sea cómodo trabajar así y en algún que otra momento te habrá dado o dará algún problema.

Y cuando pongas código en el foro, usa highlight.

[crafter_v]

Hola Bonez.

Las fuentes las descargué de internet pero en FontSquirrel no las pude convertir porque son fuentes "comerciales" asi que las convertí en otra página (www.font2web.com) y aparentemente las ha convertido bien. De todas formas no creo que ese sea el problema porque traté de hacerlo con otra fuente de uso libre y tampoco me funcionó.

Las rutas son correctas, ya las he revisado y requeterevisado pero nada. Voy a probar lo de las mayusculas a ver...

Perdón por lo del codigo.

Un saludo.

[crafter_v]

Ya funciona! :D

[crafter_v]

En la página que digo tambien venia una "demo".

[pzin]

Iniciado por crafter_v

Ya funciona! :D

Deberías de explicar qué pasaba por si otra persona tiene problemas también y venga a leer esto pues que encuentre cómo se solucionó el problema. Hay mucha gente que visita el foro en modo lectura.

[yoelrola]

creoq te faltan las comas al final

@font-face{
font-family:"Avenir LT Std 55 Roman";
src:url(fonts/AvenirLTStd-Roman.otf),
url(fonts/AvenirLTStd-Roman.eot),
url(fonts/AvenirLTStd-Roman.ttf);
}