东莞服务36招全称,一分钟看懂seo,什么学做网站,硬件工程师40岁后的出路[css] 如何解决css加载字体跨域的问题#xff1f;
刚才碰到一个css加载字体跨域问题#xff0c;记录一下。
站点的动态请求与静态文件请求是不同的域名的。站点的域名为 www.domain.com#xff0c;而静态文件的域名为 st.domain.com。
问题#xff1a;
页面中加载css文件
刚才碰到一个css加载字体跨域问题记录一下。
站点的动态请求与静态文件请求是不同的域名的。站点的域名为 www.domain.com而静态文件的域名为 st.domain.com。
问题
页面中加载css文件link relstylesheet hrefhttp://st.domain.com/css/uniform.css /
此css中调用了外部字体如下
font-face {
font-family: FontAwesome;
src: url(../font/fontawesome-webfont.eot);
}
浏览器报请求跨域的错误。解决方案
我们使用Access-Control-Allow-Origin* 通过启用cors 来解决跨域问题。
具体步骤如下
1.开启apache的mod_headers模块
LoadModule headers_module modules/mod_headers.so2.设置Access-Control-Allow-Origin
FilesMatch \.(ttf|otf|eot|woff)$
IfModule mod_headers.c
Header set Access-Control-Allow-Origin *
/IfModule
/FilesMatchdone!个人简介
我是歌谣欢迎和大家一起交流前后端知识。放弃很容易 但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
