IIS中设置站点内的字体文件允许跨站访问


关键词

IIS 字体 字体文件 跨站访问 webfont Access-Control-Allow

摘要

本文介绍在调用跨站的Web字体文件时出现No Access-Control-Allow时的解决办法。

我们可以使用如下的方式来引用其它服务器上的资源文件,比如字体:
<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中设置站点内的字体文件允许跨站访问,本文就介绍这么多,希望对您有所帮助!

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权


如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« 工作进程未能初始化 http.sys 通信或 w3svc 通信层,因此无法被启动。数据域包含错误号

相关文章:

工作进程未能初始化 http.sys 通信或 w3svc 通信层,因此无法被启动。数据域包含错误号  (2015/5/8 11:23:57)

为网站添加匿名访问用户  (2014/7/14 11:33:30)

在服务器上找不到脚本语言 'VBScript.encode'  (2014/7/3 9:40:52)

IIS+Tomcat整合配置  (2014/3/10 11:30:29)

IIS6配置继承  (2014/3/11 11:25:56)

IIS6的常用设置  (2014/3/12 11:22:55)

IIS6主要概念  (2014/3/13 11:19:04)

IIS6主要服务  (2014/3/15 11:14:05)

IIS6.0迁移至IIS7.0  (2014/3/7 16:54:18)

IIS设置下载exe格式的文件  (2014/1/25 12:01:51)