在codepen中使用字体真棒

问题描述:

我试图将字体真棒样式表添加到Codepen中,但似乎无处可去,任何人都可以帮忙。在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"> 

它的工作,你只是使用错误的字体真棒类。

第19行应该是<span class="fa fa-search"></span>

看到这个updated CodePen


注:您还可以在CodePen设置中添加的CDN,所以你不必直列它包括在你的HTML。

您正在使用错误的。 Check this

<span class="fa fa-search"></span>使用这样的,而不是<span class="fa-search"></span>

转到右上角的设置。然后将CDN代码粘贴到“Stuff for <head>”的框中。按保存和添加您的字体真棒标签,其格式应该是在这之前关闭:

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

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

希望这有助于您!