/* Javier 
Esto es lo de que definieras tus font-face acá como quisieras segun el tipo de letra que necesites.
Así las cargas de los tipos de letras son locales. Puedes eliminar de la carpeta (poppins) las que no necesites.
yo suelo usar font-weight:300 Regular y font-weight:200 Light pero eso es solo para que puedas leerlo.
Descomenta el tipo de letra para que veas que ahora si te carga bien el bold del titulo.*/

/* La referencia del nombre*/ /*Referencia de tamaño*/
/*Tipo de letra que te devuelve si cumple esos 2 parametros (carpeta poppins)*/
/*
@font-face {
  font-family: var(--primary-font); 
  font-weight: bold; 
  src: url(./poppins/Poppins-Bold.ttf);
}*/

@font-face {
  font-family: 'Poppins'; 
  font-weight: bold; 
  src: url(../fonts/poppins/Poppins-Bold.ttf);
}

@font-face {
  font-family: 'Poppins'; 
  font-weight: 200; 
  src: url(../fonts/poppins/Poppins-Regular.ttf);
}

@font-face {
  font-family: 'Poppins'; 
  font-weight: 500; 
  src: url(../fonts/poppins/Poppins-Medium.ttf);
}

@font-face {
  font-family: 'Poppins'; 
  font-weight: bolder; 
  src: url(../fonts/poppins/Poppins-Black.ttf);
}

@font-face {
  font-family: 'Poppins'; 
  font-weight: italic; 
  src: url(../fonts/poppins/Poppins-Italic.ttf);
}

@font-face {
  font-family: 'OpenSans'; 
  font-weight: 200; 
  src: url(../fonts/opensans/OpenSans-Regular.ttf);
}

@font-face {
  font-family: 'Roboto'; 
  font-weight: bold; 
  src: url(../fonts/roboto/Roboto-Bold.ttf);
}

@font-face {
  font-family: 'Roboto'; 
  font-weight: 200; 
  src: url(../fonts/roboto/Roboto-Regular.ttf);
}

@font-face {
  font-family: 'Roboto'; 
  font-weight: 500; 
  src: url(../fonts/roboto/Roboto-Medium.ttf);
}

@font-face {
  font-family: 'Roboto'; 
  font-weight: bolder; 
  src: url(../fonts/roboto/Roboto-Black.ttf);
}

@font-face {
  font-family: 'Roboto'; 
  font-weight: italic; 
  src: url(../fonts/roboto/Roboto-Italic.ttf);
}

@font-face {
  font-family: 'Lato'; 
  font-weight: 500; 
  src: url(../fonts/lato/Lato-Bold.ttf);
}

@font-face {
  font-family: 'Lato'; 
  font-weight: bolder; 
  src: url(../fonts/lato/Lato-Bold.ttf);
}

@font-face {
  font-family: 'Lato'; 
  font-weight: 200; 
  src: url(../fonts/lato/Lato-Regular.ttf);
}
@font-face {
  font-family: 'Lato'; 
  font-weight: 400; 
  src: url(../fonts/lato/Lato-Regular.ttf);
}