How to add font-awesome to JsFiddle

Question

JsFiddle is my laboratory but everything is at a halt at the moment because I cant get font-awesome to work in it. I tried using the space provided for external links but to no avail. I even added the link directly and it still didn't work.

I'm in the middle of an experiment and I'm not able to get it working. What is the correct way to add font-awesome to JsFiddle?

score 45 · Accepted Answer · edited Sep 17 '14 at 13:02

45

Just paste the href part of the CDN link

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

to External Resourses (on the left hand side panel) and click the plus sign.

See this jsFiddle for example.

edited Sep 17 '14 at 13:02

Veger

37,240
11
105
116

answered Sep 17 '14 at 12:57

user4050494

466
5
3

score 6 · Answer 2 · edited Jan 14 '15 at 16:18

6

Check this JSFIDDLE out. It is using an cdn URL in the CSS area.

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

edited Jan 14 '15 at 16:18

BoltClock

700,868
160
1,392
1,356

answered Jul 07 '14 at 23:04

German Blanco

816
6
9

Abdennour TOUMI · Answer 3 · 2017-03-03T05:54:37.497

4

Import this script:

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

or

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

DEMO

edited Mar 03 '17 at 05:54

answered May 13 '16 at 11:07

Abdennour TOUMI

87,526
38
249
254

score 4 · Answer 4 · answered Sep 11 '18 at 08:53

Font Awesome 5

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

On the left sidebar of JSFiddle click Resources to open an input field.

Paste the above link into it.

Click the X button to add it to your fiddle.

For current versions and other options (free/pro versions etc) visit their info page on how to Use Font Awesome's Free CDN

How to add font-awesome to JsFiddle

4 Answers4