[SOLUCIONADO] Problema con @font face

[willycarp]

Hola a todos!
Necesito ayuda xq estoy tratando de implementar @font-face y no me funciona.

La fuente que quiero usar se llama bignoodle
El codigo lo generé a traves de http://www.fontsquirrel.com

El css que me creó es el siguiente:

Código CSS:

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

el tema es que si x ejemplo pongo este codigo no me funciona:

Código CSS:

#conte_noticia h1 {
    font-family: 'bignoodletitlingregular';
    font-size: 60px;
    color: #A00000;
    text-align: center;
}
 

Gracias x la ayuda!!!

[Carlangueitor]

Probablemente tengas las rutas de los archivos mal ¿ya verificaste eso?

[moro666]

Iniciado por Carlangueitor

Probablemente tengas las rutas de los archivos mal ¿ya verificaste eso?

Si asegurate de que las fuentes esten en la misma carpeta que el css, de lo contrario tendras que poner la ruta correcta en los src's.

[willycarp]

Las fuentes las tengo junto a las paginas y en esa misma carpeta tengo una que se llama css y es donde tengo los archivos css...
entonces las fuentes donde tendria que ponerlas?? Junto a los archivos de las paginas o dentro de la carpeta css??

Muchas gracias!

[pzin]

Según el código que muestras arriba, tendrían que estar en la misma carpeta que tu archivo .css.

[willycarp]

Gracias bonez! en cuanto llegue a casa lo pruebo y comento como me fue!

[willycarp]

Genial gente, gracias x la ayuda!
era eso nomas!

x si a alguien le pasa lo mismo que a mi la solución fue poner las fuentes dentro de la misma carpeta que el css y no junto a las paginas!

[pzin]

En realidad puedes poner las fuentes donde quieras, lo único que tienes que especificar la URL correcta en tu CSS.

Por ejemplo, si quieres tenerlo un poco más ordenado, puedes crear una carpeta dentro de la carpeta donde están los archivos .css, llamada fuentes, y luego indicar en tu archivo la nueva ruta:

Código CSS:

src: url('fuentes/big_noodle_titling-webfont.eot');