如何为JsFiddle添加font-awesome

问题描述 投票:27回答:4

JsFiddle是我的实验室,但目前一切都停止了,因为我无法让它变得很棒。我尝试使用为外部链接提供的空间但无济于事。我甚至直接添加了链接,但仍然无效。

我正处于实验的中间,我无法让它发挥作用。向JsFiddle添加font-awesome的正确方法是什么?

jsfiddle font-awesome
4个回答
44
投票

只需粘贴CDN链接的href部分即可

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

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

例如,请参阅this jsFiddle


6
投票

检查这个JSFIDDLE了。它在CSS区域中使用cdn URL。

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

3
投票

导入this script

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

要么

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

DEMO


2
投票

字体真棒5

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

在JSFiddle的左侧边栏上,单击“资源”以打开输入字段。

将上面的链接粘贴到其中。

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

对于当前版本和其他选项(免费/专业版等),请访问他们的信息页面,了解如何使用Use Font Awesome's Free CDN

© www.soinside.com 2019 - 2024. All rights reserved.