如何将本地下载的Google字体用于React应用程序？

Question

我在本地下载了google网络字体，并将其放在我的react应用程序的src文件夹中。我目前正在从链接index.html中的google网络字体转移到在本地使用该字体。 react应用是使用create-react-app制作的。我在链接字体时遇到了麻烦。如何将下载的字体链接到CSS文件？

我从Google网络字体下载了字体，为Assistant-Regular.woff2，并将其放在src文件夹的fonts文件夹中。我试图在我的CSS文件中链接此字体，但是它不起作用。

.file-container {
    font-family: 'Assistant';
    src: url(./fonts/Assistant-Regular.woff2);
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: 0.6px;
    color: #ffffff;
}

我希望它显示助手字体，但未加载。