Три предупреждения для Font Awesome (в Chrome), а именно: "несоответствие целостности", "соответствующее значение` as` и "не совпадают учетные данные запроса" - PullRequest
1 голос
/ 17 мая 2019

Как гласит заголовок, я получаю следующие три предупреждения в Chrome (последняя версия):

1) Предварительная загрузка для 'https://use.fontawesome.com/releases/v5.8.2/css/all.css' найдена, но не используется из-занесоответствие целостности

2) Ресурс https://use.fontawesome.com/releases/v5.8.2/css/all.css был предварительно загружен с использованием предварительной загрузки ссылки, но не использовался в течение нескольких секунд после события загрузки окна.Убедитесь, что оно имеет соответствующее as значение и преднамеренно предварительно загружено

3) Предварительная загрузка для 'https://use.fontawesome.com/releases/v5.8.2/css/all.css' найдена, но не используется, поскольку режим учетных данных запроса не совпадает.Подумайте над тем, чтобы взглянуть на атрибут crossorigin.

Хотя я понимаю, что это не ошибки, они представляют большую проблему или их можно безопасно игнорировать?Я недавно переключился на https, но, если честно, он мог показывать это в окне проверки Chrome до этого (я видел это только потому, что проверял постустановку SSL.

У меня есть гугл-части этих предупрежденийно ничего не нашел. Я использовал метод "вставил в вашу голову", добавив Font Awesome, например:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">

Буду признателен за небольшую обратную связь, заранее спасибо!

1 Ответ

2 голосов
/ 17 мая 2019

Это связано с тем, что вы используете crossorigin="anonymous", и вы можете спокойно игнорировать эти предупреждения, но они будут видны вашим пользователям, поэтому лучше всего исправить проблемы.

Для этого,вам нужно убедиться, что ваш шрифт предварительно загружен с rel preloadrel="preload") и атрибутом as, объявляющим его как шрифт (с as="font").

Это будет выглядеть так:

<link rel="preload" as="font" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
...