如何为JsFiddle添加font-awesome

Question

JsFiddle是我的实验室，但目前一切都停止了，因为我无法在其中使用字体很棒。我尝试使用为外部链接提供的空间但无济于事。我甚至直接添加了链接，但它仍然无法正常工作。

我正在进行实验，但我无法让它发挥作用。向JsFiddle添加font-awesome的正确方法是什么？

Answer 1

只需粘贴CDN链接的href部分

即可

//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css

到外部资源（在左侧面板上）并单击加号。

例如，请参阅this jsFiddle。

Answer 2

检查此JSFIDDLE。它在CSS区域使用cdn URL。

@font-face{
    font-family:FontAwesome;
    src:url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix)

Answer 3

导入this script：

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

或

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

DEMO

Answer 4

Font Awesome 5

https://use.fontawesome.com/releases/v5.3.1/css/all.css

在JSFiddle的左侧栏上，单击资源以打开输入字段。

粘贴上面的链接。

点击 X 按钮将其添加到您的小提琴中。

有关当前版本和其他选项（免费/专业版等），请访问其信息页，以了解如何Use Font Awesome's Free CDN