css加载字体的跨域问题
来源:互联网 发布:爱普生r390清零软件 编辑:程序博客网 时间:2024/06/06 01:57
刚才碰到一个css加载字体跨域问题,记录一下啊。
站点的动态请求与静态文件请求是不同的域名的。站点的域名为 www.domain.com,而静态文件的域名为 st.domain.com。
问题:
页面中加载css文件:<link rel="stylesheet" href="http://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.so
2.在st.domain.com的主机配置中加入
Header set Access-Control-Allow-Origin http://www.domain.com
重启apache。
长按图片识别图中二维码(或搜索微信公众号FrontEndStory)关注“前端那些事儿”,带你了解最新的前端技术。
0 0
- css加载字体的跨域问题
- css加载字体的跨域问题
- css加载字体的跨域问题
- css加载字体
- css 加载字体
- css 加载字体
- 通过css加载远程字体
- 在 CSS 里加载字体
- css 字体问题
- firefox不支持web font字体文件的跨域加载
- django遇到css加载不成功的问题
- html加载外部css、js的问题
- CSS 的字体属性
- IE9 css, 字体显示问题
- 关于几个常见的css字体设定问题
- wordpress 删除google字体,解决加载慢的问题
- Android 解决TextVIew加载自定义字体慢的问题
- CSS加载外部字体以及字体格式转换
- Binder---- Android 的IPC 通信机制
- 第六章:6.2.1 软件包管理 - rpm命令管理 - 包命名与依赖性
- Linux图形界面与字符界面切换
- 做人
- Android 开发之 ---- 底层驱动开发(一)
- css加载字体的跨域问题
- 并查集详解(转载)
- iOS开发工具-网络封包分析工具Charles
- Linux内核探索之路——关于方法
- 地图MapKit与MKMapItem简介
- Android 开发之 ---- bootloader (LK)
- 大话设计总结
- 委托(三)
- test