title: Angular getting CORS No Access-Control-Allow Origin when references css file on a https server
body: <p>I have an Angular 5 application with Web api back-end ,  however all I am looking to do is reference a CSS file on a production server.</p>
  
  <p>What can I do to avoid the cross origin issue   ( cors is enabled on the web api,  but its not the web api , its simply a CSS file on that IIS server website.</p>
  
  <blockquote>
    <p>Access to Font at '<a href="https://prodserver/Content/Styles/fonts/icomoon.ttf?53j0gm" rel="nofollow noreferrer">https://prodserver/Content/Styles/fonts/icomoon.ttf?53j0gm</a>' from origin '<a href="http://localhost:4200" rel="nofollow noreferrer">http://localhost:4200</a>' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<a href="http://localhost:4200" rel="nofollow noreferrer">http://localhost:4200</a>' ...</p>
  </blockquote>
  
  <p>I was attempted to use CORS in my angular application,  and its nothing to do with web api cors, and i'm not using node ,   </p>
  
  <p>This is simply CSS ...   </p>