时间戳

首页 > 解决方案 > 字体 Awseome 图标显示为空框

font-awesome - 字体 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>我的电子邮件中删除并给了 fontawesome，他们给我发了我自己的 cdn，我把它放在了底部<body>：

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

这也不起作用，仍然是一个空盒子。我究竟做错了什么？谢谢你的帮助。

标签： font-awesome

解决方案

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

因此，要显示 instagram 图标，您需要将 html 更改为：

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

推荐阅读