Javascript 图标的跨域资源共享

我正在用razor编写一个普通的asp.NETMVC5网站。在这里，我决定从其他网站导入字体图标。因此，我将URL称为引用。
然而，当我尝试这样做时，我在chrome和ie中得到一个错误，说

跨源资源共享策略已阻止加载来自源“”的字体：请求的资源上不存在“访问控制允许源”标题。因此，不允许访问源“”。响应的HTTP状态代码为404

我以前用wcf应用程序解决过这个问题。因此，我尝试在web.config中使用以下代码启用跨域

这并没有添加标题来帮助解决我的问题。
我还尝试将以下代码添加到我的家庭控制器中

AppendHeader（“访问控制允许原点”、“*”）；
和
AddHeader（“访问控制允许来源”，“*”）

字体调用在我的基本布局中。
如果我做错了，我会感到困惑

有没有一种方法可以通过JavaScript调用强制跨域执行

<system.webServer>
<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
  </customHeaders>
</httpProtocol>