我正在使用 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/