title: Access to script has been blocked by CORS policy while using a Font Awesome Kit
body: <p>I've been following the Font Awesome guides how to use their kits, but when I inserted this code at the end of my <code>body</code> tag, I get an error, and I can't use any icons.</p>
  <pre><code>&lt;script src=&quot;https://kit.fontawesome.com/a4c00a89bc.js&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>Here is the full HTML file:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;meta name=&quot;viewport&quot;
            content=&quot;width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0&quot;&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;ie=edge&quot;&gt;
  
      &lt;link rel=&quot;icon&quot; href=&quot;imgs/favicon.ico&quot; /&gt;
      &lt;link rel=&quot;apple-touch-icon&quot; href=&quot;imgs/logo192.png&quot; /&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;scss/main.css&quot;&gt;
      &lt;title&gt;My title&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;Facebook&lt;i class=&quot;fab fa-facebook&quot;&gt;&lt;/i&gt;&lt;/div&gt;
      &lt;script src=&quot;https://kit.fontawesome.com/a4c00a89bc.js&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>And here is the error message:</p>
  <pre><code>Access to script at 'https://kit.fontawesome.com/a4c00a89bc.js' from origin 'http://localhost:63342' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
  
  GET https://kit.fontawesome.com/a4c00a89bc.js net::ERR_FAILED
  </code></pre>
  <p>Any idea?</p>