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>