为了账号安全,请及时绑定邮箱和手机立即绑定

Font Awesome 图标没有显示在我的代码中

Font Awesome 图标没有显示在我的代码中

倚天杖 2023-12-19 21:29:58
这是我的代码。我目前正在建立一个网站,但陷入了第一步。根据我正在遵循的教程,窗口中应该显示两个图标,但我只是得到一个空白屏幕。  <!doctype html>    <html>    <head>        <meta charset="UTF-8">        <meta name="viewport"              content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">        <meta http-equiv="X-UA-Compatible" content="ie=edge">        <title>Eventors | Events</title>        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">        <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">        <link rel="stylesheet" href="styles.css">    </head>    <body>        <header>            <div class="container">                <div class="hamburger-menu">                    <i class="fas fa-bars toggle"></i>                    <i class="fas fa-times toggle"></i>                </div>                 <nav>                    <a href="index.html">                        <img src="images/logo.jpg" alt="">                    </a>                </nav>            </div>        </header>            <script src="https://kit.fontawesome.com/ba33ab971e.js"></script>    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>    <script src="scripts.js" type="text/javascript"></script>    </body>    </html>
查看完整描述

3 回答

?
GCT1015

TA贡献1827条经验 获得超4个赞

您的 FontAwesome 链接无效。 使用正确的导入标记更改 <script src="https://kit.fontawesome.com/ba33ab971e.js"></script> 就可以了。

我已经尝试过我的,其他一切都按预期工作。



查看完整回答
反对 回复 2023-12-19
?
绝地无双

TA贡献1946条经验 获得超4个赞

问题出在代码中调用 FontAwesome 的方式,就像你们指出的那样。

查看完整回答
反对 回复 2023-12-19
?
一只名叫tom的猫

TA贡献1906条经验 获得超2个赞

这是由于您使用的 fontawesome 链接受到限制。 尝试替换“https://kit.fontawesome.com/ba33ab971e.js”与“https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js ”。

查看完整回答
反对 回复 2023-12-19
  • 3 回答
  • 0 关注
  • 70 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信