Как добавить шрифт потрясающие иконки? - PullRequest
0 голосов
/ 07 марта 2020

Font Awesome icon не загружается

это мой код

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

что не так в моем коде

1 Ответ

1 голос
/ 08 марта 2020

URL-адрес, который вы пытаетесь загрузить, возвращает статус 403. У вас есть доступ к этому ресурсу и вы загружаете литеральное значение randomstring.js или у вас есть значение, предоставленное FontAwesome, например 6e7c0a9cd2?

kit.fontawesome.com отправляет вам соответствующее значение. Я только что зарегистрировался с учетной записью, заменил случайную строку. js на случайную строку, которую они дали мне для имени файла в вашем примере кода, и это сработало.

См. песочницу здесь с вашей js файл и образец

...