web-dev-qa-db-fra.com

Utiliser une police géniale dans codepen

J'essaie d'ajouter la feuille de style pour font-awesome dans un codepen mais ne semble aller nulle part, est-ce que quelqu'un peut m'aider?.

Codepen ( https://codepen.io/kellett/pen/YreKaW )

Vous trouverez ci-dessous la feuille de styles que j'ai insérée en haut de la page HTML.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
cssstylesheetcodepen
4
user8542715

Cela fonctionne, vous utilisez simplement la classe de polices géniale.

La ligne 19 devrait être <span class="fa fa-search"></span>.

Voir ceci mis à jour CodePen

Remarque: Vous pouvez également ajouter des CDN dans les paramètres de CodePen afin de ne pas l'inclure en ligne dans votre code HTML.

3
Dan Kreiger

vous utilisez mal.Cochez cette case

<span class="fa fa-search"></span> utiliser comme ceci au lieu de <span class="fa-search"></span>.

0
chirag satapara

Allez dans Paramètres en haut à droite. Ensuite, collez le code CDN dans la zone "Stuff for <head>". Appuyez sur Enregistrer et fermer avant d'ajouter vos balises Font Awesome, qui devraient être formatées comme ceci:

<i class="fa fa-thumbs-up"></i>

Voici le CodePen. Vous devriez voir une icône en forme de pouce en bas de la page: https://codepen.io/calumchilds/pen/boLwVb

J'espère que cela t'aides!

0
Calum Childs