在 codepen 中使用 awesome 字体
Using font awesome in codepen
我正在尝试将 font-awesome 的样式 sheet 添加到 Codepen 中，但似乎毫无进展，有人可以帮忙吗。
Codepen (https://codepen.io/kellett/pen/YreKaW)
以下是我在 HTML 页面顶部插入的样式 sheet。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
它的工作，你只是使用了错误的字体 - 太棒了class。
第 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>." 的框中，在添加 Font Awesome 标签之前按保存并关闭，其格式应如下所示：
<i class="fa fa-thumbs-up"></i>
这是 CodePen。您应该会在页面底部看到一个竖起大拇指的图标：
https://codepen.io/calumchilds/pen/boLwVb
希望对您有所帮助！
只需在 css 设置面板中添加此 http://static.fontawesome.com/css/fontawesome-app.css：
将此 link 添加到 js 设置中：
https://use.fontawesome.com/4d74086fc6.js.
- 打开设置。
- 在笔设置模式中，select CSS 选项卡
- 在“添加外部 Stylesheets/Pens”部分中，搜索
font-awesome。
我正在尝试将 font-awesome 的样式 sheet 添加到 Codepen 中，但似乎毫无进展，有人可以帮忙吗。
Codepen (https://codepen.io/kellett/pen/YreKaW)
以下是我在 HTML 页面顶部插入的样式 sheet。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
它的工作，你只是使用了错误的字体 - 太棒了class。
第 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>." 的框中，在添加 Font Awesome 标签之前按保存并关闭，其格式应如下所示：
<i class="fa fa-thumbs-up"></i>
这是 CodePen。您应该会在页面底部看到一个竖起大拇指的图标： https://codepen.io/calumchilds/pen/boLwVb
希望对您有所帮助！
只需在 css 设置面板中添加此 http://static.fontawesome.com/css/fontawesome-app.css：
将此 link 添加到 js 设置中： https://use.fontawesome.com/4d74086fc6.js.
- 打开设置。
- 在笔设置模式中，select CSS 选项卡
- 在“添加外部 Stylesheets/Pens”部分中，搜索
font-awesome。