Nginx实现跨域使用字体文件的配置详解

本文主要给大家介绍了关于Nginx跨域使用字体文件的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：

问题描述

今天在使用子域名访问根域名的CSS时，发现字体无法显示，在确保CSS和Font字体的路径加载无问题后，基本确定是因为跨域的问题。

通过Nginx模块Http_Headers_Module来添加Access-Control-Allow-Origin允许的地址

console报错信息

ccess to Font at 'http://w001.static.akhack.com/css/KohinoorBangla-Regular.ttf' from origin 'http://carey.akhack.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://carey.akhack.com' is therefore not allowed access.

解决方法

location ~* \.(eot|ttf|woff|svg|otf)$ {
  add_header Access-Control-Allow-Origin http://carey.akhack.com;
  add_header Access-Control-Allow-Headers X-Requested-With;
  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
}

注意

add_header Access-Control-Allow-Origin http://carey.akhack.com;
//只允许单域名或者 ‘*' 。不推荐 ‘*' ，会导致安全问题

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# nginx字体跨域  # 字体图标  # 跨域  # nginx  # Nginx服务器中处理AJAX跨域请求的配置方法讲解  # Nginx跨域使用字体文件的配置方法  # nginx服务器配置解决ajax的跨域问题  # nginx服务器通过配置来解决API的跨域问题  # 详解Nginx反向代理跨域基本配置与常见误区  # Nginx配置跨域请求Access-Control-Allow-Origin * 详解  # nginx 配置跨域失效修复的方法示例  # Nginx跨域访问场景配置和防盗链详解  # 通过Nginx代理转发配置实现跨域的方法（API代理转发）  # 是因为  # 相关内容  # 给大家  # 这篇文章  # 报错  # 谢谢大家  # 解决方法  # 只允许  # 加载  # 有疑问  # console  # Origin  # Control  # ccess  # http  # plain  # pre  # class  # brush  # Access 

相关文章： 广东专业制作网站有哪些,广东省能源集团有限公司官网？  大同网页,大同瑞慈医院官网？  网站制作多少钱一个,建一个论坛网站大约需要多少钱？  建站之星后台密码遗忘如何找回？  实现虚拟支付需哪些建站技术支撑？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  测试制作网站有哪些,测试性取向的权威测试或者网站？  文字头像制作网站推荐软件,醒图能自动配文字吗？  建站之星2.7模板：企业网站建设与h5定制设计专题  如何确认建站备案号应放置的具体位置？  婚礼视频制作网站,学习*后期制作的网站有哪些？  公众号网站制作网页,微信公众号怎么制作？  c++怎么使用类型萃取type_traits_c++ 模板元编程类型判断【方法】  金*站制作公司有哪些,金华教育集团官网？  建站之星安装后如何自定义网站颜色与字体？  如何生成腾讯云建站专用兑换码？  存储型VPS适合搭建中小型网站吗？  如何在阿里云通过域名搭建网站？  已有域名如何免费搭建网站？  如何在阿里云香港服务器快速搭建网站？  简历在线制作网站免费版,如何创建个人简历？  网站制作的方法有哪些,如何将自己制作的网站发布到网上？  如何选择域名并搭建高效网站？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  英语简历制作免费网站推荐,如何将简历翻译成英文？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  如何快速建站并高效导出源代码？  C++如何使用std::optional？（处理可选值）  购物网站制作公司有哪些,哪个购物网站比较好？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  如何在IIS中新建站点并解决端口绑定冲突？  如何在万网ECS上快速搭建专属网站？  如何设置并定期更换建站之星安全管理员密码？  如何快速搭建高效WAP手机网站？  免费视频制作网站,更新又快又好的免费电影网站？  胶州企业网站制作公司,青岛石头网络科技有限公司怎么样？  Thinkphp 中 distinct 的用法解析  如何通过PHP快速构建高效问答网站功能？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  大连网站制作公司哪家好一点,大连买房网站哪个好？  详解jQuery中基本的动画方法  如何使用Golang安装API文档生成工具_快速生成接口文档  如何解决ASP生成WAP建站中文乱码问题？  如何用已有域名快速搭建网站？  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？  建站之星如何快速解决建站难题？  如何确保FTP站点访问权限与数据传输安全？