css - 图标无法在网站上正常显示

出于某种原因，在IE和Chrome中显示的两个图标不会出现在Firefox中，而是给我一些奇怪的图标。我使用字体来显示这些。

enter image description here

我使用firebug来跟踪确切的CSS代码，但它只是显示

.icon-signin:before{
    content: "";
}

而在IE中，它显示

enter image description here

并在Chrome中显示：

enter image description here

老实说，我不明白这里发生了什么。

在实际的CSS文件中，它包含以下行：

.icon-signin:before{content:"\e047";}

我可以通过谷歌搜索收集的是

:before

已过时，我应该使用

::before

这会解决问题吗？但是，如果是这种情况，为什么Chrome在显示图标的同时还会读取css代码：before，not :: before？