How to specify light regular semi bold and bold, and light italic, regular italic, semi bold italic , and bold italic

[OmarKhattab]

I want to do something like

font-weight: 300; -> map to light

fontweight:300; font-style: italic -> map to light italic

and so on so in any component where I put font-weight and font-style it knows which one to access.