[SOLUCIONADO] Fuente incluída con @font-family no funciona

[GekoDH]

Hola, pues lo dicho, tengo una fuente incluída con @font-family y no me funciona, no sé que puede ser, igual es una tontería pero me está volviendo loco, nunca había incluído fuentes externas y no sé si estoy haciendo algo mal pero no lo veo:

CSS

Código:

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

.contenido h1{
	text-align: center;
	padding: 20px 0 20px 0;
	font-family: 'alluraregular', Fallback, sans-serif;
}

HTML

Código:

<div class="contenido grid">
         <h1 class="col-1-1">Texto que quiero en dicha fuente</h1>
</div>

[fede5426]

Puede ser que la ruta esté mal. Si tenes el CSS dentro de una carpeta (que es lo mas probable), tenes que "salir" de esa carpeta y despues ingresar a fonts.

Código CSS:

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

Probalo asi.

Saludos

[GekoDH]

¡Efectivamente! También es la primera vez que metía los CSS en carpetas y no sabía que había que indicarle la ruta a partir de la del CSS.

Muchísimas gracias.