如何使用 font-face 将本地字体添加到我的反应应用程序答案

【问题标题】：How can I add local fonts to my react app using font-face如何使用 font-face 将本地字体添加到我的反应应用程序
【发布时间】：2019-12-05 18:53:01
【问题描述】：

这是我的结构：

+ src/
++   assets/
+++    fonts/
++++      myfont.ttf
-- index.js
-- App.js
-- App.css

我正在将字体添加到_fonts.scss 并将其导入到App.scss

_font.scss

$font_dir: "../assets/fonts";

@font-face{
  font-family: 'myfont';
  src: url($font_dir + "myfont.ttf");
}

但问题是我收到了这个错误！！

找不到模块：您尝试导入项目 src/ 目录之外的 ../assets/fonts/myfont.ttf。不支持 src/ 之外的相对导入。

任何帮助感谢它？

【问题讨论】：

【解决方案1】：

正如错误中提到的，字体应该在项目的目录中（package.json 所在的位置）或子目录中

【讨论】：