Agregando Nuevas Fuentes en archivos CSS

Moderador: Jaibol Santaella

Jaibol Santaella
Mensajes: 244
Registrado: Mar Mar 17, 2015 8:28 am
Contactar:

Agregando Nuevas Fuentes en archivos CSS

Mensaje por Jaibol Santaella » Mié Sep 13, 2017 10:24 am

Supongamos que deseas incorporar ciertas fuentes tipográficas en especial a tu sitio web, estas podran ser descargadas e incorporadas en tu servidor web. Su forma de agregar es muy similar, pero cabe mencionar que varían segun el formato de la Fuente (tipografía)

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');

}
Fuentes TTF

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');
}

}

Ejemplo:

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url(cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
Fue útil este documento?,
Publica tus opiniones

Responder

¿Quién está conectado?

Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 1 invitado