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!

  • 相关阅读:
    Atom 和 markdown 基本使用
    c++11 正则表达式基本使用
    Emacs 之窗口管理
    Emacs 之列编辑模式
    Emacs 之查看帮助
    使用 json_in_java
    Linux服务 httpd
    Linux 编译安装BIND
    Kerberos
    Linux服务 DNS&BIND
  • 原文地址:https://www.cnblogs.com/zqifa/p/server-font-cors.html
Copyright © 2011-2022 走看看