字体真棒5不工作答案

【问题标题】：Font-awesome 5 not working字体真棒5不工作
【发布时间】：2018-07-04 16:34:05
【问题描述】：

当我遇到问题时，我决定是时候切换到 Font-awesome 5 了。我的图标没有显示。它向我展示了这一点。

我不知道问题出在哪里。我按照他们网站上的每一步并正确链接了文件，但它们仍然没有显示。这是文件的截图。

这是什么原因造成的？为什么它不起作用？

【问题讨论】：

【解决方案1】：

让我们将 all.min.css 添加到 css 目录然后链接它

<link rel="stylesheet" href="/css/all.min.css">

在所有主文件夹旁边创建 webfonts 目录

【讨论】：

【解决方案2】：

您可以使用 cdn 链接进行 fontawsome，这是一种更好的方法。请看下面的代码，它可能对你有帮助

<link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">
<i class="fa fa-camera-retro fa-10x" ></i>

【讨论】：

为什么会被否决？因为 font awesome 的人想要收集电子邮件地址？这有效
或通过js <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/js/all.min.js"></script> :)

【解决方案3】：

尝试通过在导入方法的开头添加另一个 / 来使用绝对路径。

您确定只需要导入缩小的 css 吗？您可能还需要导入字体。

控制台上的错误表明您面临的问题与导入有关。

【讨论】：

【解决方案4】：

我看到您从 /fontawesome 获取 .CSS。然后 FA 将尝试从 /webfonts 加载其字体 - 我认为这不存在。

我建议坚持使用 FA 的文件夹结构。将 .CSS 移动到 /fontawesome/css 并确保将 webfonts-with-css/webfonts 文件夹复制到 /fontawesome/webfonts。

【讨论】：

【解决方案5】：

我遇到了同样的问题。我有一个名为 fontawesome 的目录，我将 fontawesome-all.css 和 webfonts 目录放入其中。

我只是将其更改为放置目录结构，方法是添加子目录 css、将 .css 文件移动到其中并更改链接以包含子目录。

现在完美运行。

【讨论】：

【解决方案6】：

一个简单的解决方案。

【讨论】：

【解决方案7】：

是<i class="fa fa-camera-retro fa-10x" ></i> 不是<i class="fas fa-camera-retro fa-10x" ></i> </pre>

【讨论】：

【解决方案8】：

你的问题是'fa'而不是'fas'

<i class="fa fa-camera-retro fa-10x" ></i>

【讨论】：

对不起，我不明白你的评论。 fa´ist FA4 - the fas`指的是FA5的solid-style，完全有效。见fontawesome.com/icons/camera-retro?style=solid