I work in Japan, and on several occasions when building a webpage, I have been told to use a specific, non-system font. However it's not great for users, because a single font weight can be like 6mb. Definitely don't want to make users download that for a pretty insignificant change to the UX.

But...what if we don't need to download the entire font, and just the characters that we use? Well, with the Google Fonts API it's possible to do just that! And I created a package to make it easy to do so for your React applications.

Hope this will help someone out there.

And if any savvy React devs would like to go over the code, I'd definitely be excited to hear about any points for improvement!

https://www.npmjs.com/package/react-content-font