css - 部分 Font Awesome 图标不显示

Question

奇怪的是，我的超赞字体图标只显示了一部分...您遇到过这个问题吗？

我检查了 this other question 中的所有内容但没有任何效果。

所以澄清一下:时事通讯旁边应该有一份报纸，“Historique”旁边应该有一个时钟。

它们是完全相同的元素:

<button value="newsl"><i class="fa fa-newspaper-o"></i> <em>Recevez la newsletter</em></button>
<button value="favoris"><i class="fa fa-heart"></i> <em>Mes favoris</em></button>
<button value="historique"><i class="fa fa-history"></i> <em>Historique</em></button>

并回答没有特定的 CSS 样式。

问题可能来自哪里？

Here is a link where you can see the problem

来自 here我假设它可能来自使用我正在使用的主题模板的旧版本加载所以我找到了旧版本并删除了它们然后从最后一个 CDN 加载 font-awesome 可能。无论如何都没有进展。

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

Answer 1

我认为你的字体很棒 css 不是最新的，当我导入最新的 font-awesome css 文件到你的 screen.css 它会工作正常。

 @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

<button value="newsl"><i class="fa fa-newspaper-o"></i> <em>Recevez la newsletter</em></button>
<button value="favoris"><i class="fa fa-heart"></i> <em>Mes favoris</em></button>
<button value="historique"><i class="fa fa-history"></i> <em>Historique</em></button>