FontAwesome 5 图标未在最新的 chrome 中加载答案

【问题标题】：FontAwesome 5 icons not loading in latest chromeFontAwesome 5 图标未在最新的 chrome 中加载
【发布时间】：2019-04-15 16:58:29
【问题描述】：

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

我went here 并获取了一个 CDN 链接。当我导航到该页面时，我没有看到任何图标。

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

【问题讨论】：

尝试其他cdn排除cdn的问题。试试这个cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/…
好建议@melvin。我刚刚尝试并使用了fa fa-bath，这是 4.7 中可用的图标，但我仍然遇到同样的错误。我是唯一遇到这个问题的人吗？我原以为这将是人们在本地开发时面临的一个非常普遍的问题。
您尝试过备用 cdn 吗？还有问题吗？
@melvin 是的，我试过你让我试试的那个。我遇到了同样的问题。

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

【解决方案1】：

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

示例：

font-src use.fontawesome.com

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

如果 font-src 已经有值，则用空格分隔上面的值。

font-src example.com use.fontawesome.com

【讨论】：

我已经有font-src *了，不就代表全部接受了吗？
你有它在服务器配置中还是像上面那样的html？我在我的机器上尝试过，当我的 .htaccess 文件中有以下 style-src 'self' 时，即使我为内容安全策略添加了元标记，它也不会加载第三方 css 文件。
我在服务器配置中没有。我正在使用 Kestrel（ASP.NET Core 附带的那个），我需要以某种方式在其中进行设置吗？

【解决方案2】：

你应该尝试在网络服务器上运行 :D

或者你可以这样做：

复制 css 代码以供本地使用
保存到文件中，例如：awesome.css
将文件链接到您的脑海中

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

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

会在里面 :D 我希望它会帮助 xD

【讨论】：