.font-sfpt-b {
  font-family: "SF Pro Text Bold", "PingFangSC-Semibold", sans-serif;
}

.font-sfpt-m {
  font-family: "SF Pro Text Medium", "PingFangSC-PingFangSC-Medium", sans-serif;
}

.font-sfpt-r {
  font-family: "SF Pro Text Regular", "PingFangSC-Regular", sans-serif;
}

.font-abel {
  font-family: "Abel", "PingFangSC-Regular", sans-serif;
}

.font-bold {
  font-weight: bold;
}

@font-face {
  font-family: "Abel";
  src: url("./Abel.ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Text Bold";
  src: url("./SF Pro Text Bold.ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Text Medium";
  src: url("./SF Pro Text Medium.ttf");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SF Pro Text Regular";
  src: url("./SF Pro Text Regular.otf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}