07 Mar

Como insertar un tipo de letra .OTF en mi web

¿No os ha pasado que habéis intentado insertar un tipo de letra, la cual no está en cdn como googlefonts o no es un standar? Además el tipo otf es más propio del word entre otros tipos.

Pues bien, es muy sencillo, simplemente tienes que insertar en una carpeta el tipo de letra .otf y poner lo siguiente:

@font-face {
  font-family: ‘NeutraDisplay’;
  src: url(‘../fonts/fontawesome/neutradisplay-Titling.otf’) format(‘otf’);
  font-weight: normal;
  font-style: normal;
  }

Suponemos que NeutraDisplay es como lo queremos llamar, puede ser cualquiera.
En src ponemos la ruta y el formato otf.
Cómo habrás podido deducir, si tienemos otro tipo de formato , únicamente tendríamos que cambiar el tipo otf por otro.

Share this

Leave a reply