@font-face {
  font-family: "RobotoBold";
  font-display: swap;
  src: url("roboto/Roboto-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "RobotoThin";
  font-display: swap;
  src: url("roboto/Roboto-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "RobotoLight";
  font-display: swap;
  src: url("roboto/Roboto-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: swap;
  src: url("roboto/Roboto-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}