Hi Victor Eke , I'd achieve this with multiple @font-face declarations. font-weight does accept two arguments (specifying a range), but that only applies if the src field URL points to a variable font file.

As far as I know, there's no way around needing a separate @font-face declaration for each hosted font file. Something like:

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/fonts/inter-v11-latin-regular.woff2") format("woff2"),
    url("/fonts/inter-v11-latin-regular.woff") format("woff");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local(""), url("/fonts/inter-v11-latin-900.woff2") format("woff2"),
    url("/fonts/inter-v11-latin-900.woff") format("woff");
}