来源:CDN中,字体文件的跨域问题和解决
由于网站的资源文件使用的是另外的域名(这样做是便于浏览器在加载时可以提高加载效率,
关于domain hash也就是多域名来加速访问的问题有空再说),
这样主域名和资源的域名尤其是字体文件,就形成跨域访问,在主域名的网站无法加载资源域名中的字体。
处理这种跨域,只要设置Access-Control-Allow-Origin,允许目标域名访问就可以了,Access-Control-Allow-Origin是HTML5新增的一个特性,在资源类的域名下做如下配置(nginx的配置,apache相似处理)
location ~ .*\.(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.*) {
add_header Access-Control-Allow-Origin http://www.yourdomain.com;
}
或者在cdn域名提供商处,添加响应请求头 Access-Control-Allow-Origin http://www.yourdomain.com;