@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: local(''),
       url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype')

/* Roboto-italic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  src: local(''),
       url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype')
}

/* Roboto-bold */
@font-face {
  font-family: 'Roboto';
  font-style: bold;
  src: local(''),
       url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype')
}

/* Imprima */
@font-face {
  font-family: 'Imprima';
  font-style: normal;
  src: local(''),
       url('../fonts/Imprima/Imprima-Regular.ttf') format('truetype')

/* Open Sans */
@font-face {
  font-family: 'googlesans';
  font-style: normal;
  src: local(''),
       url('../fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype')
}

@font-face {
  font-family: 'googlesans';
  font-style: italic;
  src: local(''),
       url('../fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype')
}

/* Salsa */
@font-face {
  font-family: 'Salsa';
  font-style: normal;
  src: local(''),
       url('../fonts/Salsa/Salsa-Regular.ttf') format('truetype')
}

/* Source Code Pro */
@font-face {
  font-family: 'SourceCodePro';
  font-style: normal;
  src: local(''),
       url('../fonts/Source_Code_Pro/SourceCodePro-VariableFont_wght.ttf') format('truetype')
}

@font-face {
  font-family: 'SourceCodePro';
  font-style: italic;
  src: local(''),
       url('../fonts/Source_Code_Pro/SourceCodePro-Italic-VariableFont_wght.ttf') format('truetype')
}