Harper

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

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

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

Self-host the font files from your download. Commercial license → licensing.