zoukankan      html  css  js  c++  java
  • 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.so

    2.设置Access-Control-Allow-Origin
    <FilesMatch ".(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    </IfModule>
    </FilesMatch>

    done!

  • 相关阅读:
    机器学习踩坑之Win10+Ubuntu双系统安装踩坑经验
    面向对象
    模块(三)
    模块(二)
    模块之日志
    包的基础使用
    模块介绍
    递归
    匿名函数与三元表达式
    生成器与迭代器
  • 原文地址:https://www.cnblogs.com/zqifa/p/server-font-cors.html
Copyright © 2011-2022 走看看