html - Font Awesome 图标未加载 Integrity 属性

标签 html css angular font-awesome

我正在使用 Angular 6 应用程序。在 index.html 文件中,我们有很棒的字体引用,例如:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC" crossorigin="anonymous">

现在,我正在尝试将 fontawesome 更新到 5.10.2 versionc,例如:

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" integrity="sha384-oqVuAfXRKap7fdgcCY5uykM6+R9GqQ8K/uxy9rx7HNQlGYl1kPzQho1wx4JwY8wC" crossorigin="anonymous">

字体很棒的图标没有显示,我在浏览器的控制台中收到异常:

Failed to find a valid digest in the 'integrity' attribute for resource 'https://use.fontawesome.com/releases/v5.10.2/css/all.css' with computed SHA-256 integrity 'zmfNZmXoNweWBMcemUOo1XdsUGFfcasdasda0ihGGLYdgtJS3KCr/l0='. The resource has been blocked.

当我删除完整性属性时, Font Awesome 图标显示正常:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" crossorigin="anonymous">

我做错了什么?请建议。谢谢。

最佳答案

您对 5.1 和 5.10 使用相同的完整性值。

5.10 应该不同于 5.1。所以找到 5.10 的完整性值然后它应该工作

关于html - Font Awesome 图标未加载 Integrity 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57766238/

相关文章:

jquery - css 将鼠标悬停在一个元素上更改另一元素的属性

html - 使用 CSS 的动态居中标题栏

css - 如何防止 flex 元素高度因其内容而溢出

html - html 和 css 中的菜单效果不佳

angular - 如何从子路由导航到父路由?

javascript - Angular 2 : Multiple Form

css - Div 向左浮动 : Long divs clearing?

javascript - 在 IE 中将文本旋转 330 度

javascript - Imgur 上传添加到输入表单

angular - 将选择选项转换为 bool 值