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");
}