在CodePen中使用Font Awesome

Question

8

我正在尝试将font-awesome样式表添加到Codepen中，但似乎无法实现，请问有人可以帮忙吗？

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

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

- user8542715

6个回答

3

- Marco Allori

0

- Asef Hossini

0

- Sihc

0

你使用的不正确。 请查看这个

 用这种方式代替 。

- chirag satapara

0

在右上角点击设置。然后将CDN代码粘贴到写有“<head>”的框中。在添加Font Awesome标签之前，按保存并关闭按钮。标签应按照以下格式编写：

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

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

希望这能帮到你！

- Calum Childs

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Dan Kreiger · Accepted Answer

它正在工作，只是您正在使用错误的 font-awesome 类。

第19行应为。

注意: 您还可以在 CodePen 设置中添加 CDN，这样您就不必在 html 中内联包含它。