Css 字体可怕的三个警告（在Chrome中），即；“完整性不匹配”&引用；适当的'as'值'；及；请求凭证don'；“t匹配”；

正如标题所述，我在Chrome（最新版本）中收到以下三条警告：

1） 找到“”的预加载，但由于完整性不匹配而未使用

2） 该资源已使用链接预加载进行预加载，但在窗口加载事件发生后的几秒钟内未使用。请确保它有一个适当的

as

值，并且是有意预加载的

3） 找到“”的预加载，但未使用，因为请求凭据模式不匹配。考虑一下CopySigIn属性。

虽然我知道这些都不是错误，但它们代表了一个更大的问题，还是可以安全地忽略？我最近切换到了https，但老实说，在此之前它可能已经在chrome inspect窗口中显示了这一点（我之所以看到它，是因为我在安装后检查SSL）

我在谷歌上搜索了这些警告的部分内容，但没有找到任何内容。我使用了“粘贴到你的头上”的方法来添加字体，如下所示：

<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">

谢谢，非常感谢，并将您的答案标记为解决方案。祝您玩得愉快！这对我来说是全新的。是否需要使用

integrity

属性来避免错误/警告？我应该在哪里找到该属性的值？出于某种原因，这些错误只在firefox本地发生。是否有办法修复它在本地？

crossorigin

的值似乎不会影响错误是否出现以及字体是否加载