Css 赢得图像'；无法使用content:url在firefox中显示

我已经连续三天在寻找答案了（不过我确实睡了几个小时）

我正在使用wordpress主题，它可以平滑地集成字体图标。但我想改变这些图标并使用我自己的，但它们不会在Firefox中显示，而是在Safari、Chrome等中显示

我正在使用此css代码将图标更改为我自己的图标：

.fa-euro:before {content:url(http://nip10.nl/xtra-icons/icon-2.png);}
.fa-glass:before {content:url(http://nip10.nl/xtra-icons/icon-1.png);}
.fa-bell:before {content:url(http://nip10.nl/xtra-icons/icon-3.png);}
.fa-coffee:before {content:url(http://nip10.nl/xtra-icons/icon-4.png);}

你可以在这里看到网站：www.nip10.nl

---

希望有人能告诉我如何修改css代码，使图标也能在FireFox中显示。。我尝试过任何东西，从命名图像到.jpg文件等等。

你应该验证你的HTML。请看这里：

我猜问题是firefox遇到了这个错误

第1069行第26列：元素样式不允许作为元素的子元素 在这种情况下，div。（正在抑制来自此子树的进一步错误。）

---

以及未能解析嵌入的样式表。您也不应该像那样嵌入大型样式表。让它们成为外部样式表。完成后，找出HTML错误的位置，这会导致验证程序认为您的head标记中没有样式表，它应该自行修复。

您是否尝试过使用

fa euro:：before{content:url(http://nip10.nl/xtra-icons/icon-2.png)；}

。？这是双冒号。嗨，吉米，谢谢你的回复，我现在就要试试这个了：-$Nope，不幸的是，它没有起作用。Hi Joseph非常感谢你花时间回复并调查我的问题！我刚才做了验证，你说得对，它显示了你上面提到的错误。。我不知道你说的嵌入一个大的样式表并使其成为外部样式表是什么意思，我在验证后做了些什么后有点不知所措：-（对不起！我知道html、css和一点php的方法，但我在自定义wordpress主题方面做得很好…-）@user1084321我指的是不要使用这样的样式表：

。您应该将样式移动到文件中，并使用扩展名
.css
保存它。然后您可以使用如下内容链接到它：
（url可以位于您决定放置文件的任何位置）。尽管我推荐这种方法，但真正的问题是代码中可能有一个缺少的标记。您不必移动样式表。