typefaceが非推奨になっていたのでfontsourceを使おう

タイトル以上でも以下でもないメモです

経緯

google fontなどをお手軽にかつセルフホストする手段として
typefaceがありました
npm install typeface-フォント名
からの
import typeface-フォント名
と行うだけでフォントが使用できるようになる便利ツールです。

ただGoogle Fontで日本語が対応しているフォントにもかかわらず、適用されないときがあり
「あれ？ライブラリ側で日本語サポートしていないのかな？」
とtypefaceのドキュメントを確認したところ以下の文言がありました。

The Typefaces project is now deprecated.

@DecliningLotus created FontSource which provides the same functionality as Typefaces but with automated releases & richer support for importing specific weights, styles, or language subsets.

To start using Fontsource, replace in your package.json any instances of "typeface-m-plus-rounded-1c" with "fontsource-m-plus-rounded-1c".

Then change imports from "import 'typeface-m-plus-rounded-1c'" to "import 'fontsource-m-plus-rounded-1c/latin.css'".

Typeface packages will continue working indefinitely so no immediate changes are necessary.

結論

言われている通りfontsourceを代わりに使いましょう。

https://fontsource.org/
から目的のフォントを探して

npm install @fontsource/フォント名
からの
import '@fontsource/m-plus-rounded-1c';