我試圖將字體真棒樣式表添加到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
希望這有助於您！