[css] 如何解决css加载字体跨域的问题？

刚才碰到一个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.so2.设置Access-Control-Allow-Origin
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>done!

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 如何解决css加载字体跨域的问题？相关推荐

IIS部署ArcGIS JS API4.10后，字体未加载加载字体跨域
现象: 场景: 在本机IIS下面部署了一套4.10版本的API,用Angular框架+esri-loader写了个例子,发现放大缩小那块显示不正常,很明显是字体未加载的问题.当时啥错也没有,就先配置了 ...
vscode vue解决跨域_Vue + WebPack + Typescript初学者VSCode项目 (按需加载、跨域调试、await/async）...
万事开头难,一个好的Hello World程序可以节省我们好多的学习时间,帮助我们快速入门.Hello World程序之所以是入门必读必会,就是因为其代码量少,简单易懂.但我觉得,还应该做到功能丰富, ...
netstrem获取302后的地址，可用来截图，加载实际跨域文件
直接放代码,老外博客看来的,老外还是牛逼,这都用出来了:http://jessewarden.com/2009/03/handling-crossdomainxml-and-302-redirects ...
html 中加载字体太慢,浅谈CSS字体的加载加速问题
除了各种特定字体系列外(如 Times.Verdana.Helvetica 或 Arial),CSS定义了 5 种通用字体系列: Serif 字体这些字体成比例,而且有上下短线.如果字体中的所 ...
解决css引用字体跨域问题
解决css引用字体跨域问题参考文章: (1)解决css引用字体跨域问题 (2)https://www.cnblogs.com/victorlyw/articles/9970805.html 备忘一下 ...
解决springmvc加载JS，CSS等文件问题【转】
解决springmvc加载JS,CSS等文件问题[转] 参考文章: (1)解决springmvc加载JS,CSS等文件问题[转] (2)https://www.cnblogs.com/jerrylz/ ...
css:网页引入字体@font-face以及动态加载字体
css:网页引入网络字体@font-face <style >/* 引入字体 */@font-face {font-family: "站酷高端黑 Regular";fo ...
node.js css文件已经被加载但是无法渲染页面的问题和解决方法
问题:在使用node.js创建了一个服务器,加载html页面后css文件已经被加载但是页面没有被渲染如图此时已经证明了路径是没有问题的,那么问题出现在哪里? 代码如下 const fs = req ...
vue动态加载js和css以及部分页面加载特定的js和css
vue动态加载js和css以及部分页面加载特定的js和css vue项目第一次加载很慢的,发现在第一次加载要很大的js导致卡顿.可以使用cdn加速和其他gzip方式效果不是很明显.因此考虑每个页面动态 ...

[css] 如何解决css加载字体跨域的问题？

[css] 如何解决css加载字体跨域的问题？

个人简介

主目录

[css] 如何解决css加载字体跨域的问题？相关推荐

最新文章

热门文章