Javascript React找不到模块-ttf、otf字体

我正在尝试加载本地字体，如下面的代码，但我一直得到

找不到模块'@/landing/fonts/Gotham Bold.ttf'

错误，不知道这条路径到底出了什么问题

我的文件夹结构如下所示，我正在处理的代码是

LandingPage.tsx

---

根据您的文件夹结构，LandingPages.tsx位于pages文件夹内。“页面”文件夹是“字体”文件夹的同级文件夹。您需要从页面文件夹内部遍历到字体文件夹

正确的路径将是

“.././font/Gotham Bold.ttf”

您需要向上移动一级（..），然后转到字体文件夹

---

让我知道这是否解决了您的问题。

知道这有点旧，但可能是Typescript的问题。当将字体文件与Typescript一起使用时，必须将格式声明为模块

为此，您可以创建一个

font.d.ts

文件，并在其中添加以下代码：

declare module '*.ttf';

这样，Typescript将知道如何处理.ttf文件。

---

您还需要一个合适的解决方案。

您是否设法让它工作起来了？这正是我所需要的。像这样导入。。。src:url（'../assets/font/gilroy/gilroy.woff2'）格式（'woff2'）；这不管用。react将显示错误“找不到模块”

declare module '*.ttf';