在SCSSSASS中显示方块的FontAwesome。

Question

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

我一直在尝试在我的.scss中加载fontawesome图标，我特别遵循了这个指令 https:/fontawesome.comhow-to-use-on-the-webusing-withsass。 但我仍然只是得到方块。

以下是我的代码

_fontawesome.scss

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

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

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

索引.js

<span className="user" />

_variables.scss

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

---

我的目录

public/
     fontawesome/
          scss/
          webfonts/
          _fontawesome.scss

如果有帮助的话，我正在为react使用这个，我可以完美地使用FontAwesome作为一个组件使用npm，但我有这种情况，我需要在scss中使用它。

请帮助我 谢谢你的帮助

Answer 1

如何你不使用字体真棒CDN？ 它的工作原理对我来说是完美的。

类似的东西，你和它的作品。

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

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