我的 Font Awesome 图标不会出现，并且会破坏我的页面结构答案

【问题标题】：My Font Awesome icon won't show up, and breaks my page's structure我的 Font Awesome 图标不会出现，并且会破坏我的页面结构
【发布时间】：2020-03-28 19:45:48
【问题描述】：

我正在尝试使用以下 Font Awesome 图标

<i class="far fa-angle-right"></i>

但图标不会显示。

我尝试在我的<head> 部分插入两个不同的嵌入代码：第一个是

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

第二个是

<script src="https://use.fontawesome.com/0fa476ae4d.js"></script>

它们都不起作用，只出现了一个空符号而不是我的图标。第二个嵌入代码也完全破坏并打乱了我的页面结构，将我的表单向下推。

这就是我尝试使用图标的部分：

<form id="email-form">
        <input
          type="email"
          name="email-input"
          id="email-input"
          placeholder="Email Address"
        />
        <button type="submit" name="submit-button" id="submit-button">
          <i class="far fa-angle-right"></i>
        </button>
</form>

【问题讨论】：

用“fa”代替“far”

标签： html icons font-awesome embed

【解决方案1】：

如果你打算在整个项目中使用fontawesome，你可以全局安装或者在index.html页面下定义为“cdn”。可能有更合乎逻辑的解决方案。

【讨论】：

【解决方案2】：

首先，我使用了上面发送给您的链接并获得了我自己的工具包。然后我尝试使用你的图标，它的工作原理。并且图标应该是

<i class="fas fa-angle-right"></i>

而不是

<i class="far fa-angle-right"></i>

【讨论】：

【解决方案3】：

如果您在他们的directory 中查找angle-right 图标，您会发现它需要专业许可证。如果没有，则必须使用s 样式。您提到的“空图标”是指示丢失/无效图标的常用标志。

【讨论】：