폰트 어썸(Chrome) 경고: "청렴도 불일치", "적절한" 값, "요청 자격 증명이 일치하지 않음"

폰트 어썸(Chrome) 경고: "청렴도 불일치", "적절한" 값, "요청 자격 증명이 일치하지 않음"

제목에서 알 수 있듯이 Chrome(최신 버전)에서 다음과 같은 3가지 경고를 받고 있습니다.

1) ' https://use.fontawesome.com/releases/v5.8.2/css/all.css' 에 대한 사전 로드가 발견되었지만 무결성 불일치로 인해 사용되지 않습니다.

2) https://use.fontawesome.com/releases/v5.8.2/css/all.css 리소스가 링크 프리로드를 사용하여 사전 로드되었지만 윈도우 로드 이벤트로부터 몇 초 이내에 사용되지 않았습니다.그것에 적절한 것이 있는지 확인해 주세요.asvalue 그리고 그것은 의도적으로 미리 로딩됩니다.

3) ' https://use.fontawesome.com/releases/v5.8.2/css/all.css' 에 대한 사전 로드가 발견되었지만 요청 자격 증명 모드가 일치하지 않기 때문에 사용되지 않습니다.cross origin 속성을 살펴보는 것을 고려해 봅니다.

오류가 아니라는 것은 이해하지만, 더 큰 문제를 나타내는 것입니까, 아니면 안전하게 무시할 수 있습니까?최근에 https로 전환했는데 솔직히 말하면 이 전에 크롬 검사창에 이것이 표시되었을 수도 있습니다(SSL post installation을 확인하고 있었기 때문에 본 것일 뿐입니다).

이 경고의 일부를 구글에서 검색했지만 아무것도 찾지 못했습니다.Font Awesome을 추가하는 "pasted in your head" 방법을 사용했습니다.

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

피드백을 조금 주시면 감사하겠습니다. 미리 감사드립니다!

이것은 당신이 사용하기 때문입니다.crossorigin="anonymous", 이러한 경고는 안전하게 무시할 수 있지만 사용자에게 표시되므로 문제를 해결하는 것이 좋습니다.

이렇게 하려면 글꼴에 다음 파일이 미리 로드되어 있는지 확인해야 합니다.rel preload(함께)rel="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">

언급URL : https://stackoverflow.com/questions/56177867/three-warnings-for-font-awesome-in-chrome-namely-integrity-mismatch-appro