字体超赞图标无法正确加载[重复]

问题描述 投票:0回答:1

我建立了GitHub Pages网站,并在底部使用了一些Font Awesome图标。其中三个加载,但最后一个没有加载。

样式表如何链接:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

图标的放置方式:

 <a class="btn_social"><i class="fab fa-twitter"></i></a>
 <a class="btn_social"><i class="fa fa-twitter"></i></a>
  <a class="btn_social"><i class="fab fa-envelope"></i></a>
  <a class="btn_social"><i class="fab fa-twitter"></i></a>

我曾尝试用fafab替换fal,但不确定这些含义或用途。

html css icons font-awesome
1个回答
0
投票

我用过你的钥匙。

我的代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"
        integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</head>

<body>
    <a class="btn_social"><i class="fab fa-twitter"></i></a>
    <a class="btn_social"><i class="fab fa-twitter-square"></i></a>
</body>

</html>

输出

enter image description here

btn_social

我没有此属性。如果您需要更多反馈,请共享您的代码(完整)。

我希望社区能够为您提供帮助。

© www.soinside.com 2019 - 2024. All rights reserved.