Html 方舟子唐'；好像不行？

我有一个

，当鼠标悬停时，它应该将数字更改为unicode图标，例如播放按钮

unicodes不断弹出一个类似这样的图标：

[？]

我想它找不到它们。我在其他部分使用字体图标很好，有什么想法吗

    <ul class="popular-songs">
            <li>
<div class="album-cover"><img src="http://newnoisemagazine.com/wp-content/uploads/2014/04/Expire-Pretty-Low-cover.jpg"></div> 
<span class="number">
<span>1</span>
</span> 
<span>+</span>
<span class="title">Pretty Low</span>
<span class="misc"><i class="fa fa-ellipsis-h"></i></span>
<span class="total-plays">163,957</span></li>
        </ul>

我试着用我能想到的每一种可能的方式编写unicode

内容：“/XXXX”

内容：“\XXXX”

内容：“XXXX”

内容：“[XXXX]”

它们似乎都不适合我。
将字体系列添加到CSS中，如：

.popular-songs li:hover .number:after{
  font-family: 'FontAwesome';
  content: "\f04b";
  position:relative;
  top:15px;
}

仅供参考，以下是适用于所有图标的FontAwesomes CSS：

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

将字体系列添加到CSS中，如：

.popular-songs li:hover .number:after{
  font-family: 'FontAwesome';
  content: "\f04b";
  position:relative;
  top:15px;
}

仅供参考，以下是适用于所有图标的FontAwesomes CSS：

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

我在css中没有看到
font-family
的定义，您是否将字体设置为
font-family:'fontsawesome'？我脑子里有cdn标签这只是一个开始，但这还不够。。。下面是我的答案。在css中没有看到
font-family
的定义，您是否将字体设置为
font-family:'fontsawesome'？我脑子里有cdn标签这只是一个开始，但这还不够。。。下面是我的答案哇，我明白了！太好了，谢谢你的帮助！（一经允许，我就会接受答案）。仅拥有CDN链接并不适用于一切；你必须指定字体系列，这就是为什么这是正确答案。啊，我明白了！太好了，谢谢你的帮助！（一经允许，我就会接受答案）。仅拥有CDN链接并不适用于一切；您必须指定字体系列，这就是为什么这是正确答案。