Google Fontsって便利ですけど、いちいち取得しないといけないのでサイトのパフォーマンスには若干悪影響を与えることがあります。 Fontsourceを使って、Google Fontsのフォントをインストールすることができます。

1. 使いたいフォントを探す

このページで使いたいフォントを探す。Google Fontsにあるフォントは全てある（らしいです）。

2. パッケージをインストール

インストールしましょう。yarnを使ってる場合

yarn add @fontsource/noto-sans-jp

で入れることができます。（npmの場合は適当に読み替えてください）

3. 使う

まずはimportしましょう。

import "@fontsource/noto-sans-jp"

で、好きにcssのなかで使うことができます。

body {
  font-family: "noto-sans-jp";
}

以上です。簡単ですね。