如何在 Font Awesome 上添加不同版本的特定图标？

Question

Font Awesome (v4.7.x) 没有 Gitter 图标。他们从 v5 引入了它。现在，如果不完全更新所有 fontawesome 文件或使用 v5 cdn，我怎么能只使用 fa-gitter 图标？

Answer 1

您可以在 HTML 代码中包含此样式表 link，然后尝试此 class。

Link :- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

字体真棒 Gitter Class :-

看这里是活生生的例子：-

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<body>
<div class = "demo">
    <i class="fab fa-gitter"></i>
</div>
</body>
</html>

Answer 2

我不想这么说这是不可能的 - 但我会说大多数 FA 用户（包括我自己）都无法进行这样的冒险。我不认为 "just one icon" 可以逃脱 - 总是涉及 CSS ......来自 FA4 和 FA5 的 CSS （可能）重叠并可能导致进一步的麻烦 - 这真的感觉就像一个丑陋的蠕虫罐头。

您最好将时间花在研究和消除不升级的原因上，而不是将两者混为一谈。

如何在 Font Awesome 上添加不同版本的特定图标？

How to add a specific icon from a different version on Font Awesome?

fonts

font-awesome

font-awesome-5