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

Question

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

希望得到一点反馈，提前致谢！

Answer 1

这是由于您使用了crossorigin="anonymous"，您可以放心地忽略这些警告，但它们对您的用户是可见的，因此最好更正这些问题。

为此，您需要确保您的字体预加载了rel preload(with rel="preload")，以及一个as将其声明为字体 (with 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">