在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。
答
转到右上角的设置。然后将CDN代码粘贴到“Stuff for <head>”的框中。按保存和添加您的字体真棒标签,其格式应该是在这之前关闭:
<i class="fa fa-thumbs-up"></i>
这里的CodePen。您应该在页面底部看到一个竖起大拇指的图标: https://codepen.io/calumchilds/pen/boLwVb
希望这有助于您!