首页 > 其他 > 详细

Font-Face Cross Domain with Nginx

时间:2017-02-08 14:23:25      阅读:202      评论:0      收藏:0      [点我收藏+]

Font-Face Cross Domain with Nginx

@font-face{
    font-family:‘PreloSlab‘;
    src:url(‘../fonts/preloslab-medium-webfont.eot‘);
    src:url(‘../fonts/preloslab-medium-webfont.eot?#iefix‘) format(‘embedded-opentype‘),
        url(‘../fonts/preloslab-medium-webfont.woff‘) format(‘woff‘),
        url(‘../fonts/preloslab-medium-webfont.ttf‘) format(‘truetype‘),
        url(‘../fonts/preloslab-medium-webfont.svg#PreloSlabMedium‘) format(‘svg‘);
    font-weight:normal;font-style:normal
    }

 

CSS Font-Face 中字体引用外部资源时,  出现错误: “No ‘Access-Control-Allow-Origin‘ header is present on the requested resource”  的解决方案:

1. Nginx 添加配置

location ~* \.(eot|ttf|woff)$ {
    add_header ‘Access-Control-Allow-Origin‘ ‘*‘;
    add_header ‘Access-Control-Allow-Credentials‘ ‘true‘;
    add_header ‘Access-Control-Allow-Methods‘ ‘GET, POST, OPTIONS‘;
    add_header ‘Access-Control-Allow-Headers‘ ‘DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type‘;
}

2.

Font-Face Cross Domain with Nginx

原文:http://www.cnblogs.com/myseochina/p/6377834.html

踩
(0)
赞
(0)
   
举报
评论 一句话评论(0)
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!