title: Why does Font Awesome Kit code script cause a CORS error?
body: <p>I've recently tried using font awesome 5 and used the kit code approach to add the icons on my web page.</p>
  <p>I added the script to the head tag like below</p>
  <pre><code>&lt;head&gt;
  &lt;script src=&quot;https://kit.fontawesome.com/a076d05399.js&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  <p>This is fine and working on my local environment, but as soon as the code was deployed to a test environment, a console error occurs.</p>
  <p>Access to script at 'https://kit.fontawesome.com/.js' from origin '' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.</p>
  <p>I tried removing crossorigin=&quot;anonymous&quot; attribute from the script, but was only greeted by a 403 error. What could be the problem for this to happen?</p>
  <p>I tried looking for a fix but most of what I found was to add access from the requested resource, which is not an option since I don't own font awesome.</p>