为什么 Font-Awesome 图标类不同答案

【问题标题】：Why Font-Awesome icon class is different为什么 Font-Awesome 图标类不同
【发布时间】：2018-04-19 05:34:12
【问题描述】：

为什么 fontawesome 图标类不同

<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" />


<i class="fa fa-edit"></i>
<i class="fas fa-pencil"></i>
<i class="fab fa-facebook"></i>

【问题讨论】：

有什么方法可以轻松复制标签而无需打开图标？我知道您可以通过悬停或使用“备忘单”来查看 fa-icon 名称......但是有没有办法知道图标是否是 fas / fab / far 等，而无需导航到图标页面？
@dcclassics 是的，有办法。 fab 用于品牌，因此很容易识别所有图标。 fas - 实心图标通常填充有透明轮廓。 farregular 和 fallight 是相似的。这些图标与fassolid 不同，因为它们大多是轮廓，仅轮廓宽度不同。与far 常规相比，fal 灯图标的轮廓更细。

标签： html icons font-awesome

【解决方案1】：

fa 前缀在版本 5 中已被弃用。新的默认值是 fas solid 样式和品牌的 fab 样式。

请参考这里

https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

【讨论】：

【解决方案2】：

查看 Font Awesome DOCS： https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

这张图片有关于前缀的所有信息，所以真的没有什么要添加的了：）

Font Awesome 5.10.0+ 具有带有新前缀 fad 的双色调图标。

【讨论】：

虽然这个页面说fa 应该仍然可以在fas 现在也可以工作的地方工作：fontawesome.com/how-to-use/on-the-web/setup/…

【解决方案3】：

我只会根据你的代码给出答案。
Font Awesome 是一个令人惊叹的易于使用的图标库。

fa 前缀已在版本 5 中弃用。新的默认值是 fas solid 样式和品牌的 fab 样式。
'fa' 单独意味着字体很棒。它不再使用。但我将它与以前的链接一起使用，我有我早期的网络创作，它工作正常。
fas: 字体真棒。它也可以免费使用。
fab：字体真棒品牌。免费使用

上面每个人都在谈论的其他样式是：regular (far)、light (fal) 和 duotone (fad) 都是专业版。他们是有报酬的。

我希望我已经详细解释了。

【讨论】：