Я следил за руководствами Font Awesome по использованию их наборов, но когда я вставил этот код в конец моего тега body, я получил сообщение об ошибке и не могу использовать никакие значки.
<script src="https://kit.fontawesome.com/a4c00a89bc.js" crossorigin="anonymous"></script>
Вот полный файл HTML:
<!DOCTYPE html>
<html lang="en">
<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">
<link rel="icon" href="imgs/favicon.ico" />
<link rel="apple-touch-icon" href="imgs/logo192.png" />
<link rel="stylesheet" type="text/css" href="scss/main.css">
<title>My title</title>
</head>
<body>
<div>Facebook<i class="fab fa-facebook"></i></div>
<script src="https://kit.fontawesome.com/a4c00a89bc.js" crossorigin="anonymous"></script>
</body>
</html>
А вот сообщение об ошибке:
Access to script at 'https://kit.fontawesome.com/a4c00a89bc.js' from origin 'http://localhost:63342' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
GET https://kit.fontawesome.com/a4c00a89bc.js net::ERR_FAILED
Есть идеи?
отвечает ли это на ваш вопрос coderhelper.com/questions/20035101/…
Не совсем. Насколько я понимаю, я должен каким-то образом добавить заголовки в свой запрос на кросс-источник, но все, что у меня есть, это тег oneliner <script>, который почему-то блокируется, хотя, судя по веб-сайту Font Awesome, он должен работать.