Comment ajouter font-awesome à JsFiddle

JsFiddle est mon laboratoire mais tout est à l'arrêt pour le moment parce que je ne peux pas obtenir font-awesome pour y travailler. J'ai essayé d'utiliser l'espace prévu pour les liens externes, mais en vain. J'ai même ajouté le lien directement et cela n'a toujours pas fonctionné.

Je suis au milieu d'une expérience et je ne suis pas capable de le faire fonctionner. Quelle est la bonne façon d'ajouter font-awesome à JsFiddle?

25
demandé sur Sleek Geek 2014-07-08 02:58:17

4 réponses

Il suffit de coller la partie href du lien CDN

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

Vers External Resourses (sur le panneau de gauche) et cliquez sur le signe plus.

Voir ce jsFiddle par exemple.

41
répondu user4050494 2014-09-17 13:02:32

Vérifiez ceci jsfiddle out. Il utilise une URL cdn dans la zone CSS.

@font-face{
    font-family:FontAwesome;
    src:url(https://netdna.bootstrapcdn.com/font-awesome/2.0/font//fontawesome-webfont.eot?#iefix)
4
répondu Germando 2015-01-14 16:18:40

Importer ce script:

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

Ou

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

DÉMO

2
répondu Abdennour TOUMI 2017-03-03 05:54:37

Font Impressionnant 5

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

Dans la barre latérale gauche de JSFiddle cliquez sur Resources pour ouvrir un champ de saisie.

Collez - le lien ci-dessus sur elle.

Cliquez sur le X bouton pour l'ajouter à vos violons.

Pour les versions actuelles et d'autres options (versions gratuites/pro, etc.), visitez leur page d'informations sur la façon de utiliser le CDN gratuit de Font Awesome

1
répondu Hastig Zusammenstellen 2018-09-11 08:53:00