部分字体真棒图标不显示

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

您正在使用 FontAwesome 4.0.3 并且 fa-history 已添加到 4.1 中，因此它完全不存在于您的字体集中。

Answer 2

我认为你的字体真棒 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>

Answer 3

你可以在awesome font目录下的.htaccess文件中添加这个

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>

部分字体真棒图标不显示

Part of font-awesome icon not displaying

css

font-awesome