Question

我无法弄清楚为什么我的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!

Answer 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

同时查看此信息，它可以帮助您

Answer 2

我最近使用带有JS的SVG。

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

＆＃13;

<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>

＆＃13;

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

我无法获取我的i-class图标

2 个答案: