部分字体 - 真棒图标无法显示

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时它会正常工作。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您正在使用FontAwesome 4.0.3，并且已在4.1中添加了fa-history，因此您的字体集中完全没有。

Answer 3

您可以在.htaccess文件中将其添加到awesome font

目录中

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/woff .woff
AddType font/woff .woff2
AddType font/otf .svg

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>