Font Awesome 的三个警告(在 Chrome 中),即 "integrity mismatch"、"appropriate `as` value" 和“请求凭据不匹配”

Three warnings for Font Awesome (in Chrome), namely "integrity mismatch", "appropriate `as` value" and " request credentials don't match"

如标题所述,我在 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 是使用 link preload 预加载的,但在 window 的加载事件后几秒钟内未使用。请确保它具有适当的 as 值,并且是有意预加载的

3) 找到了“https://use.fontawesome.com/releases/v5.8.2/css/all.css”的预加载,但未使用,因为请求凭据模式不匹配。考虑查看 crossorigin 属性。

虽然我知道这些不是错误,但它们代表了一个更大的问题还是可以安全地忽略它?我最近切换到 https,但老实说,它可能已经在 chrome inspect window 中显示了这个(我只看到它是因为我正在检查 SSL post 安装。

我用 Google 搜索了这些警告的部分内容,但没有找到任何内容。我用的是"pasted into your head"添加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">

希望得到一点反馈,提前致谢!

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