如何添加字体真棒图标？

Question

Font Awesome 图标未加载

这是我的代码

<!DOCTYPE html>
<html>
<head>
    <title>Login Page</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <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">
    <script src="https://kit.fontawesome.com/eb5f64bb0d.js" crossorigin="anonymous"></script>
</head>
<body>
    <div m-5>
        <i class="fab fa-google-plus-g"></i>
        <p>google</p>
    </div>

</body>
</html>

我遇到了这个错误

eb5f64bb0d.js:1 Failed to load resource: net::ERR_CONNECTION_TIMED_OUT

我的代码有什么问题

Answer 1

您正在尝试加载 returns 状态 403 的 URL。您是否有权访问此资源并且正在加载字面值 randomstring.js 还是您有值由 FontAwesome 提供，喜欢 6e7c0a9cd2？

kit.fontawesome.com 向您发送一个值。我刚刚注册了一个帐户，用他们给我的随机字符串替换了 randomstring.js，作为您代码示例中的文件名，它起作用了。

见sandbox here with your js file and sample

如何添加字体真棒图标？

How to add font awesome icons?

font-awesome