Font Awesome（在 Chrome 中）的三个警告，即“完整性不匹配”、“适当的 `as` 值”和“请求凭据不匹配”答案

【问题标题】：Three warnings for Font Awesome (in Chrome), namely "integrity mismatch", "appropriate `as` value" and " request credentials don't match"Font Awesome（在 Chrome 中）的三个警告，即“完整性不匹配”、“适当的 `as` 值”和“请求凭据不匹配”
【发布时间】：2019-10-04 06:45:30
【问题描述】：

正如标题所述，我在 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">

希望能提供一些反馈，提前致谢！

【问题讨论】：

标签： css wordpress font-awesome

【解决方案1】：

这是由于您使用了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">

【讨论】：

谢谢，感谢，并已将您的答案标记为解决方案。祝你好运！
这对我来说是全新的。 integrity 属性是避免错误/警告所必需的吗？我在哪里可以找到我应该为该属性使用的值？
出于某种原因，这些错误仅在本地使用 Firefox 时发生。有没有办法在本地修复它？ crossorigin 的值似乎不会影响错误是否出现以及字体是否不加载