SCSS/SASS 中的 FontAwesome 显示正方形

Question

这个问题已经问了好几次了，但我似乎无法得到最新的答案。

我一直在尝试在我的 .scss 中加载一个 fontawesome 图标，我特别遵循了这条指令 https://fontawesome.com/how-to-use/on-the-web/using-with/sass，但我仍然只是得到正方形。

这是我的代码

_fontawesome.scss

@import './scss/fontawesome.scss';
@import './scss/solid.scss';

.user {
  @extend %fa-icon;
  @extend .fas;

  &:before {
    content: fa-content($fa-var-user);
  }
}

index.js

<span className="user" />

_variables.scss

$fa-font-path:         "../webfonts" !default;

---

我的目录

public/
     fontawesome/
          scss/
          webfonts/
          _fontawesome.scss

如果有帮助，我将它用于反应，我可以完美地使用 FontAwesome 作为使用 npm 的组件，但我有这种情况，我需要在 scss 中使用它。

请帮忙！谢谢！

Answer 1

你怎么不使用字体 awesome CDN ？它对我来说非常有效。 它会让你不会厌倦它:(

对你来说是这样的，它的工作原理：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css">

我会仔细看看你的问题，但是明天因为太晚了：p