CSS How to use different weights for font when importing via google fonts?

[supasibs]

This might seem confusing, but I have imported 2 weights of a font from google fonts, and i want to use each one seperately. For example:

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lexend+Deca&display=swap');
.Inter700 {
    font-weight: Inter, sans-serif;
    /*Here i want the 700 font weight*/
}
.Inter400 {
   font-weight: Inter, sans-serif
       /*Here I want the 400 font weight*/
}

 

[simong1993]

Hiya,

Take alook at this https://codepen.io/Simong93/pen/MWvvXLW

 

[supasibs]

Hiya,

Take alook at this https://codepen.io/Simong93/pen/MWvvXLW

Ohh thanks I thought font weight was only for bold and normal