font-face字体文件跨域解决办法
发布时间:2021-04-30 | 发布者: | 浏览次数: 次当你在二级域名访问一级域名的字体文件时,浏览器会阻止并报提示
已拦截跨源请求:同源策略禁止读取位于 https://www.dedehtml.com/fonts/fontawesome-webfont.woff?v=4.7.0 的远程资源。(原因:cors 头缺少 'access-control-allow-origin')
已拦截跨源请求:同源策略禁止读取位于 https://www.dedehtml.com/fonts/fontawesome-webfont2.woff?v=4.7.0 的远程资源。(原因:cors 头缺少 'access-control-allow-origin')
原因很简单,服务器阻止了字体跨域访问了,解决方法也很简单
第一种方法:把字体文件放到二级目录里,用二级目录的域名链接css文件
例如
m.dedehtml.com/font/font-awesome.min.css">
第二种方法:在主域名的环境配置文件里加入允许字体跨域
apache环境 域名conf文件里加入
header set access-control-allow-origin "*"
nginx环境 域名conf文件里加入
location ~* \.(ttf|ttc|otf|eot|woff|woff2|font.css)$ {
add_header access-control-allow-origin *;
}
iis环境 首先确保iis网站上已经添加mine类型
addtype application/vnd.ms-fontobject .eot
addtype font/ttf .ttf
addtype font/otf .otf
addtype application/x-font-woff woff
再打开 http 响应标头中添加
名称:access-control-allow-origin
值:*
重启iis
转载请标注:——
上一篇:没有了
推荐文章
相关文章
热门文章