1

Buenas tardes estoy intentando instalar una fuente en mi proyecto de Angular 8 ya la descargue y la guarde en la carpeta de assets pero no encuentro como insertarla en el proyecto.

encontre esto:

   @font-face {
  font-family: lato;
  src: url(assets/font/Lato.otf) format("opentype");
}

pero no se en que parte insertarlo

2

1 respuesta 1

3

Necesitas poner tus fuentes en la carpeta de 'assets' (también puedes crear una sub-carpeta de fuentes dentro de la de assets) y referirte a ella en el Styles:

@font-face {
  font-family: lato;
  src: url(assets/font/Lato.otf) format("opentype");
}

Una vez hecho, tú puedes llamar a las fuentes así:

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'lato', 'arial', sans-serif;
}

Puedes poner @font-face en tu definición global de styles.css o styles.scss y llamarlas desde cualquier lugar de la aplicación - siempre que tú componente tenga un CSS/SCSS específico. styles.css o styles.scss está ya definido en angular-cli.json. Si tú buscas crear un CSS/SCSS fichero diferente, y declararlo en el angular-cli.json junto con el styles.css o styles.scss ponlo así :

"styles": [
  "styles.css",
  "fonts.css"
],

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.