Lo primero que debemos hacer es crear un archivo *.css por ejemplo "misfuentes.css"
Dentro del archivo antes mencionado agregamos:
Fuentes OTF
Código: Seleccionar todo
@font-face {
font-family: Nombre-de-la-Fuente;[b][u] Fuentes woff2 [/u][/b]
src: url(‘/Aquí-debe-ir-la-ruta-de-tu-fuente.otf’) format('opentype');
}
Código: Seleccionar todo
@font-face {
font-family: Nombre-de-la-Fuente;
src: url(‘/Aquí-debe-ir-la-ruta-de-tu-fuente.ttf’) format('truetype');
}
Fuentes woff2
Código: Seleccionar todo
@font-face {
font-family: 'Nombre-de-tu-Fuente';
font-style: Tu-estilo;
font-weight: Tu-tamaño;
src: local('Nombre-de-tu-Fuente'), local('Nombre'), url(Ruta-del-archivo.woff2) format('woff2');
}
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}