/* Roboto */
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Black.ttf);
  font-weight: bolder;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-BlackItalic.ttf);
  font-style: italic;
  font-weight: bolder;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Bold.ttf);
  font-weight: bold;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-BoldItalic.ttf);
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-LightItalic.ttf);
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Medium.ttf);
  font-weight: normal;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-MediumItalic.ttf);
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-Thin.ttf);
  font-weight: 100;
}
@font-face {
  font-family: Roboto;
  src: url(fonts/Roboto-ThinItalic.ttf);
  font-style: italic;
  font-weight: 100;
}


/* Oswald */
@font-face {
  font-family: Oswald;
  src: url(fonts/oswald/Oswald-VariableFont_wght.ttf);
}
@font-face {
  font-family: Oswald;
  src: url(fonts/oswald/static/Oswald-ExtraLight.ttf);
  font-weight: 100;
}
@font-face {
  font-family: Oswald;
  src: url(fonts/oswald/static/Oswald-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: Oswald;
  src: url(fonts/oswald/static/Oswald-SemiBold.ttf);
  font-weight: 800;
}@font-face {
  font-family: Oswald;
  src: url(fonts/oswald/static/Oswald-Medium.ttf);
  font-weight: 600;
}
@font-face {
  font-family: Oswald;
  src: url(fonts/oswald/static/Oswald-SemiBold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: Oswald;
  src: url(fonts/oswald/static/Oswald-Bold.ttf);
  font-weight: 900;
}
@font-face {
  font-family: Oswald;
  src: url(fonts/oswald/static/Oswald-Regular.ttf);
  font-weight: 500;
}


/* BreeSerif */
@font-face {
  font-family: BreeSerif;
  src: url(fonts/BreeSerif-Regular.ttf);
}



/* Josefin */
@font-face {
  font-family: Josefin;
  src: url(fonts/josefin/JosefinSans-VariableFont_wght.ttf);
}



/* Varela-round */
@font-face {
  font-family: Varela-round;
  src: url(fonts/varela-round/VarelaRound-Regular.ttf);
}



/* Raleway */
@font-face {
  font-family: Raleway;
  src: url(fonts/raleway/Raleway-VariableFont_wght.ttf);
}