在 codepen 中使用很棒的字体答案

【问题标题】：Using font awesome in codepen在 codepen 中使用很棒的字体
【发布时间】：2017-10-06 14:04:38
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

第 19 行应该是。

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

【讨论】：

【解决方案4】：

你用错了。 Check this

 像这样使用而不是 。

【讨论】：

【解决方案5】：

转到右上角的设置。然后将 CDN 代码粘贴到“Stuff for

”框中。在添加 Font Awesome 标记之前按保存并关闭，其格式应如下所示：

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

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

希望这会有所帮助！

【讨论】：

【解决方案6】：

【讨论】：