我无法显示我的 i-class 图标答案

【问题标题】：I Can't Get My i-class Icons to Show我无法显示我的 i-class 图标
【发布时间】：2017-12-26 19:14:16
【问题描述】：

我不明白为什么我的 i-class 图标不显示！好像wtf错了？一切都编码正确！提前感谢您的帮助！

这是我的 html 代码的摘录：

<div class="social-media-icon-footer">

<div>
<a href="#"><i class="fa fa-facebook-square"  aria-hidden="true"></i></a>
</div>
<div>
<a href="#"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
</div>
<div>
<a href="#"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a>
</div>
<!-- -->
</div>

我的<head></head> 标签中也有这个链接：<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> . So what is the problem? I don't know!

【问题讨论】：

标签： html icons font-awesome

【解决方案1】：

我在自己的一个项目上试了一下，效果不错……

你为什么不尝试使用这个链接而不是<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

干杯

editor img result img

检查一下这个信息，它可以帮助你

【讨论】：

这太奇怪了！为什么它适用于您的而不是地雷？你能提供一个快照吗？我也试过你发给我的链接，还是不行……
@codebwoy 我在回答中添加了屏幕截图和两个故障排除链接
@bBlackNina，我要试试这些，让你知道会发生什么！
这是一个用于重现的小提琴 - 并证明 BlackNina 解决方案的正确性！ jsfiddle.net/taatz6kx 也许您的 .social-media-icon-footer 有一些奇怪的负边距，只会隐藏内容？如果您发布更大的网站 sn-p 和原始 CSS，它可能会很有用。

【解决方案2】：

我最近使用 SVG 和 JS。

但是，我遇到了与您相同的问题，并且更改了链接，https://fontawesome.com/get-started/web-fonts-with-css 中指示的实际链接效果很好：

<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">

<html>
</head></head>
<body>

<i class="fab fa-facebook-square fa-7x"></i>
</body>
</html>

在这里您可以看到所有图标： https://fontawesome.com/icons?d=gallery

【讨论】：