how to import all size from one font (noto-sans-sc) at once

[aboveyunhai]

I have trouble to import noto-sans-sc inside the current next.js project.
The first line only contains the default normal or 400 after build. As a result I have to import all of them one by one as following.

import "@fontsource/noto-sans-sc";  
import "@fontsource/noto-sans-sc/100.css";
import "@fontsource/noto-sans-sc/300.css";
import "@fontsource/noto-sans-sc/500.css";

I just check out the doc website that you are able to do the font import like the follow, which seems like not available for noto-sans-sc.

fontsource/website/src/pages/_app.tsx

Line 2 in 8d99837

import "@fontsource/raleway/variable.css";

Is there anything I miss from the doc?

[ayuhito]

Hey @aboveyunhai,

import "@fontsource/raleway/variable.css"; is part of the variable font specification which is only supported by a limited number of fonts. This does not include noto-sans-sc.

We split it by weight to ensure you're only loading CSS that you need and nothing unnecessary. It only needs to be imported once in _document.tsx after all and Webpack will handle the rest. :)