我们可以使用如下的方式来引用其它服务器上的资源文件,比如字体:
<link rel="stylesheet" href="https://www.???.cc/webui/font/fontawesome/css/font-awesome.min.css" />
在服务器上没有做其它处理时,首先会遇到404报错,找不到文件。如找不到.woff、.woff2、.ttf文件等。这个好解决,可以在MIME类型中添加这几种文件的类型。以下是几种字体文件的MIME类型,仅供参考:
.svg image/svg+xml
.woff application/x-font-woff
.woff2 application/x-font-woff
.eot application/vnd.ms-fontobject
.otf application/octet-stream
.ttf application/octet-stream
解决完404之后,还会遇到跨站(CORS)的问题,报错如下:
Access to font at 'https://www.???.cc/webui/font/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
看到“blocked by CORS policy”就说明访问被跨站策略给阻止了。解决方法是设置允许的跨站来源:即添加Access-Control-Allow-Origin这个HTTP头信息。
找到IIS中的HTTP响应标头,名称为:Access-Control-Allow-Origin,值为星号(*)即可。
关于IIS中设置站点内的字体文件允许跨站访问,本文就介绍这么多,希望对您有所帮助!
要饭二维码
洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权
本文属于“洪哥笔记”原创文章,转载请注明来源地址:IIS中设置站点内的字体文件允许跨站访问:http://www.splaybow.com/post/iis-webfont-acc-control-allow-0478.html
如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D!
发布时间:2021/12/1 7:06:05 | 编辑:洪哥 | 分类:IIS | 浏览: