如何将font-awesome添加到JsFiddle

Question

JsFiddle是我的实验室，但目前一切都停滞了，因为我无法让font-awesome在其中工作。我尝试使用提供的外部链接空间，但没有成功。我甚至直接添加链接，也没有用。

我正在做一个实验，但无法让它正常工作。在JsFiddle中添加font-awesome的正确方法是什么？

- Sleek Geek

Answer 1

只需粘贴CDN链接的href部分

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

点击左边栏的“外部资源”（External Resources），然后点击加号。

可参考这个jsFiddle示例。

- user4050494

Answer 2

查看这个JSFIDDLE。它在CSS区域中使用了CDN网址。

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

- German Blanco

Answer 3

导入此脚本：

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

或者

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

DEMO

- Abdennour TOUMI

Answer 4

Font Awesome 5

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

在JSFiddle的左侧侧边栏中点击资源(Resources)以打开输入框。

将上述链接粘贴(Paste)到输入框中。

点击(Click)X按钮将其添加到您的fiddle中。

有关更多选项（免费版/专业版等）和当前版本，请访问它们的信息页面，了解如何使用 Font Awesome 的免费 CDN

- Hastig Zusammenstellen