问题描述
之前曾有人问过这个问题,但是答案是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>