FontAwesome 5个图标未加载最新的chrome

Question

I am working in a ASP.NET Core application. I am using Bulma framework and I wish to add FontAwesome icons.

I went here and grabbed a CDN link. When I navigate to the page, I don't see any icons.

HTML

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

What am I missing? Adding these to my ` section didn't help either.

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

Answer 1

try adding use.fontawesome.com to you content security policy.

example:

font-src use.fontawesome.com

your content security policy rule might have to be changed on the server if its configured there.

if there is already a value for font-src, then separate the value above with a space.

font-src example.com use.fontawesome.com

Answer 2

You should try run on web server :D

Or you ca do somthing like that:

1. copy css code for local usage
2. save in to file for ex: awesome.css
3. link file in to your head

i don't know if this is newest one but you can copy that and try: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

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

Will be inside :D i hope it will help xD