为什么 Font-Awesome 图标类不同

Question

为什么 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>

Answer 1

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

请参考这个

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

Answer 2

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

此图像包含有关前缀的所有信息，因此实际上没有什么要添加的了:)

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

Answer 3

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

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

上面每个人都在谈论的其余样式是：常规（ far ）、轻（ fal ）和双色调（ fad ）都是专业版。 他们是有报酬的。

更多信息请访问： https ://fontawesome.com/v5.15/how-to-use/on-the-web/referencing-icons/basic-use

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

Answer 4

字体真棒 6

在 Font Awesome 6 中，你有新的样式和新的类：

更多细节： https ://fontawesome.com/docs/web/setup/upgrade/whats-changed#full-style-names