在codepen中使用字体awesome

Question

我正在尝试将font-awesome的样式表添加到Codepen中，但似乎无处可去，请有人帮忙。

Codepen（https://codepen.io/kellett/pen/YreKaW）

下面是我在HTML页面顶部插入的样式表。

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

Answer 1

它正在工作，你只是使用了错误的字体 - 真棒类。

第19行应为<span class="fa fa-search"></span>。

请参阅此updated CodePen

注意：您还可以在CodePen设置中添加CDN，这样您就不必将其内嵌在html中。

Answer 2

你使用错了。的 Check this

<span class="fa fa-search"></span>使用这样的代替<span class="fa-search"></span>。

Answer 3

转到右上角的“设置”。然后将CDN代码粘贴到＆＃34; Stuff for＆lt; head＆gt;。＆＃34;的框中。在添加Font Awesome标签之前按Save and Close，其格式应如下所示：

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

这是CodePen。您应该在页面底部看到一个竖起大拇指的图标： https://codepen.io/calumchilds/pen/boLwVb

希望这有帮助！

Answer 4

只需在CSS设置面板中添加此http://static.fontawesome.com/css/fontawesome-app.css：

Answer 5

将此链接添加到js设置中： https://use.fontawesome.com/4d74086fc6.js。