字体真棒图标无法正确加载

时间：2020-06-08 02:09:55

标签： html css icons font-awesome

我有一个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>

我尝试用fa和fab替换fal，但不确定它们的含义或作用。

1 个答案:

答案 0 :(得分：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

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

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

相关问题
最新问题