字体Awseome图标显示为空框

问题描述

之前曾有人问过这个问题,但是答案是OP缺少.fa类...

我从fontawesome.com复制了这个instagram图标:

<i class="fab fa-instagram"></i>

起初我尝试使用bootstrapcdn:

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

此操作不起作用,因此我从<head>删除了该邮件,并给了我丰盛的电子邮件,他们通过电子邮件将我自己的CDN发送给我,我将其放在<body>底部

<body>
<i class="fab fa-instagram"></i>
    
<script src="https://use.fontawesome.com/fb0e3670d6.js"></script>
</body>

这也不起作用,仍然是一个空盒子。我究竟做错了什么?感谢您的帮助。

解决方法

您所引用的字体真棒4.7版,因此您应该使用该网站版本的配置,即fa-instagram

因此,要显示instagram图标,您需要将html更改为:

<i class="fa fa-instagram" aria-hidden="true"></i>