@font-face {
  font-family: 'RobotoSlab';
  font-style:  normal;
  font-weight: 100;
  font-display: swap;
  src: url("RobotoSlab-Thin.ttf");
}

@font-face {
  font-family: 'RobotoSlab';
  font-style:  normal;
  font-weight: 300;
  font-display: swap;
  src: url("RobotoSlab-Light.ttf");
}

@font-face {
  font-family: 'RobotoSlab';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("RobotoSlab-Regular.ttf");
}

@font-face {
  font-family: 'RobotoSlab';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("RobotoSlab-Bold.ttf");
}