Can't figure out how to switch font-weight

[masafumimori]

I am using this package on Gatsby and Figtree font.

I am sure it has font weight from 300 - 900 (link) and when I import font-weight specific file like

import '@fontsource/figtree/700.css'; 

it changes all text to font-weight 700.

If I import just '@fontsource/figtree' then font-weight doesn't work even if I set font-weight in CSS.
Also, aeird thing is in devtools, text font weight I set to 700 shows its font weight is 700 but it isn't (at least as far as I can see).

So I was wondering how to apply different font-weight to different text?

Thank you for your help in advance!

Implementation on Gatsby is written here

[masafumimori]

Well... I kind of figured it out.

Once I set font-weight to body tag and where it should be specified (like 600 or 700), importing multiple font weight works as expected.

I imported like below in gatsby-browser.ts.

import '@fontsource/figtree/400.css';
import '@fontsource/figtree/600.css';