关于html：字体真棒图标不起作用


Font awesome icons not working

我想在我的删除和放大器前添加一个字体真棒图标 设置链接按钮，但它不起作用。 有人可以告诉我缺少什么吗？

Html代码：

1
2
3
4
5
6
7
8
9
10
    <p>

       
          <i class="fa fa-trash-o fa-lg"> Delete
       
       
          <i class="fa fa-cog"> Settings
                   
   
</p>

添加了这些css：

1)bootstrap.min.css
2)font-awesome.min.css

另外，请看这里的小提琴。

这是3.2.1中站点URL的错误，已在4.0.3中修复。 用http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css替换链接外部链接

(在HTML中，它将是)

检查这个小提琴

试试这个..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
 

    <p>

       
          <i class="fa fa-trash-o fa-lg"> Delete
       
       
       
          <i class="fa fa-cog"> Settings
                   
   
</p>

在我的情况下，我没有将字体添加到项目中。 我在开发人员控制台中发现了一个错误，并将字体添加到Font Awesome(font-awesome.min.css)正在寻找的位置。

Fonts

我遇到了和你一样的问题，我按照Wobuffet的解决方案但是没有用。

我在元素中添加了title =""，它解决了我的问题：

1
<i class="fa fa-pencil" title="Edit">