/*Roboto*/

@font-face{
  font-family: "Roboto";
  src: url("../font/Roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-weight: 400;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Roboto";
  src: url("../font/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
  font-weight: 400;
  font-stretch: 75% 100%;
  font-style: italic;
  font-display: swap;
}




/*"Roboto Condensed*/

@font-face{
  font-family: "Roboto Condensed";
  src: url("../font/Roboto_Condensed/RobotoCondensed-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
font-family: "Roboto Condensed";
src: url("../font/Roboto_Condensed/RobotoCondensed-Italic-VariableFont_wght.ttf") format("truetype-variations");
font-weight: 400;
font-style: italic;
font-display: swap;
}



/*"Open Sans*/

@font-face{
font-family: "Open Sans";
src: url("../font/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf") format("truetype-variations");
font-weight: 400;
/*  font-weight: 300 800;*/
/*  font-stretch: 75% 100%;*/
font-style: normal;
font-display: swap;
}

@font-face{
font-family: "Open Sans";
src: url("../font/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
font-weight: 400;
/*  font-weight: 300 800;*/
/*  font-stretch: 75% 100%;*/
font-style: italic;
font-display: swap;
}