时间戳

首页 > 解决方案 > Font Awesome 图标未使用 Integrity 属性加载

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

问题描述

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

当我删除完整性属性时，字体真棒图标显示正常：

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

我究竟做错了什么？请建议。谢谢。

标签： htmlcssangularfont-awesome

解决方案

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

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

推荐阅读