字体真棒一些图标丢失

我要疯了这个问题。我想在页面上显示8个图标，但只有4个显示出来。我抬头看了this for help，但没有什么用处。我也检查了StackOverflow，但没有得到任何有用的。字体真棒一些图标丢失

完整的代码是here。

而且这是我看到的图标：

我得到这个在本地主机并将其上传到altervista。我通过Chrome，Firefox和Vivaldi获得了这一点。我通过本地fa文件和CDN获得此信息。不可见的图标缺少:before，但我不知道为什么。有人能帮我吗？

2017-01-31 Terix

您正在使用4.7版中引入的图标（例如fa-thermometer-half或fa-free-code-camp）。但是，在您的网站中包含FontAwesome 4.6.3版（请参阅here）。因此，请将您的FontAwesome实例更新为最新版本以解决您的问题。

来源

2017-01-31 17:50:58

请使用最新版本的Font Awesome或将此代码复制到您的头部分。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

来源

2017-01-31 18:04:53

您可以使用Bootstrap CDN提供的CDN替换您现有的链接到Font Awesome CSS，并查看它的魔力。

CDN：https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css

来源

2017-01-31 18:09:10

在我的情况下，问题是，在CSS我是这样做的：

.icon:before { 
    font-family: "Font Awesome"; 
}

，而应该是：

.icon:before { 
    font-family: "Font Awesome 5 Free"; 
}

获取甚至单个字符不同的原因一些的图标消失。可怕的事情。希望这有助于。

来源

2018-01-24 16:12:16

字体真棒一些图标丢失

回答

相关问题