FontAwesome 5图标未在最新的Chrome中加载

时间:2019-04-15 16:58:30

标签: html css google-chrome font-awesome-5

我正在使用ASP.NET Core应用程序。我正在使用Bulma框架,并且希望添加FontAwesome图标。

went here抓起CDN链接。导航到页面时,我看不到任何图标。

no icon

HTML

<p>Testing: <i class="fab fa-anchor"></i></p>

我想念什么?将它们添加到我的`部分也没有帮助。

<meta http-equiv="Content-Security-Policy" content="style-src *; font-src *; default-src *">
<meta http-equiv="X-Content-Security-Policy" content="style-src *; font-src *; default-src *">
<meta http-equiv="X-WebKit-CSP" content="style-src *; font-src *; default-src *">

2 个答案:

答案 0 :(得分:0)

尝试将use.fontawesome.com添加到您的内容安全策略中。

示例:

font-src use.fontawesome.com

如果在服务器上配置了内容安全策略规则,则可能必须在服务器上对其进行更改。

如果font-src已经存在一个值,则将上面的值用空格分隔。

font-src example.com use.fontawesome.com

答案 1 :(得分:0)

您应该尝试在Web服务器:D

上运行

或者您可以这样做:

  1. 复制CSS代码以供本地使用
  2. 保存到文件中,例如:awesome.css
  3. 将文件链接到您的头部

我不知道这是否是最新的,但是您可以复制并尝试: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

<i class="fab fa-anchor"></i>

将在:D里面,我希望它将对xD有所帮助