正方形而不是图标 fontawesome答案

【问题标题】：squares instead of icons fontawesome正方形而不是图标 fontawesome
【发布时间】：2020-09-24 15:23:08
【问题描述】：

我正在尝试从 fontawesome 向我的网站添加一个图标。我想要做的是在不使用cdns的情况下导入它。

我的 html 代码如下所示：

<div class="footer__socialmedia__icons">
  <i class="fab fa-facebook-f"></i>
  </i>
</div>

我的 app.scss 文件如下所示：

// Fonts
// =================================================

@import "../../../node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/regular.scss";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/solid.scss";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/brands.scss";
@import "../../../node_modules/@fortawesome/fontawesome-free/scss/v4-shims.scss";

唯一有效的方法就是添加这个：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

但我真的很想保持本地化......

【问题讨论】：

scss 文件需要处理并链接到 font-family / svg 更新到您上传它们的位置
@G-Cyrillus 我以为我明白了，但我没有 - 你能用例子解释一下吗？
不抱歉，我必须将每个文件下载到个人服务器并对其进行配置，以便 scss 文件将根据请求编译成 css 并且对您没有多大帮助。您需要自己从 cdns 下载整个包并将其移动到您的服务器，这意味着不仅是 scss 处理的文件，还有所需的字体和 svg 文件
你应该从这里开始fontawesome.com/support

标签： html css sass fonts font-awesome

【解决方案1】：

好的，我的问题解决了。也许这会帮助某人：我需要做的就是将一个 js 文件导入到我的 app.js 组件中。在我的代码中是这样的

import '../../../node_modules/@fortawesome/fontawesome-free/js/all'

干杯

【讨论】：