我在tumblr上为我的网站托管博客:
blog.withoomph.com
我已经在博客上修改了主题,并且希望使用自己在主站点上使用的字体。我正在尝试从以下字体获取字体:
beta.withoomph.com
但是,当页面尝试获取字体时,出现了CORS错误。这只是最近才开始进行,因为它们过去一直没有问题。
有没有一种方法可以设置IIS或MVC应用程序以将这些字体提供给子域?
编辑
抱歉,我应该比这更清楚。这里是一些更多信息:
这是获取网址的CSS:
@font-face {
font-family: 'avantgarde';
src: url('http://beta.withoomph.com/content/fonts/avant_garde.eot');
src: url('http://beta.withoomph.com/content/fonts/avant_garde.eot?#iefix') format('embedded-opentype'),
url('http://beta.withoomph.com/content/fonts/avant_garde.woff') format('woff'),
url('http://beta.withoomph.com/content/fonts/avant_garde.ttf') format('truetype'),
url('http://beta.withoomph.com/content/fonts/avant_garde.svg#avantgarde_bk_btdemi') format('svg');
font-weight: normal;
font-style: normal;
}
这是在开发控制台中尝试获取字体时的错误:
来源“ http://beta.withoomph.com”的字体已被阻止
通过跨域资源共享策略加载:否
请求中存在“ Access-Control-Allow-Origin”标头
资源。因此,不允许来源'http://blog.withoomph.com'
访问。
最佳答案
出于安全原因,浏览器禁止调用当前来源之外的资源,因此您必须启用跨域资源共享。将此添加到web.config
。
<configuration>
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
</customHeaders>
</httpProtocol>
</system.webServer>
</configuration>
有关更多信息,请参见this link。