css引用跨域字体文件woff,eot,ttf问题 - 阿强爱分享

css引用跨域字体文件woff,eot,ttf问题

作者: Aqiang

全网最全的网络资源分享网站

手机扫码查看

标签:

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!邮箱:2377724272@qq.com

本文摘要:今天把站点的字体的静态文件woff,eot,ttf放到cdn去速度快一些,改成了外链地址,居然不加载报错,用下面的公用地...

今天把站点的字体的静态文件woff,eot,ttf放到cdn去速度快一些,改成了外链地址,居然不加载报错,用下面的公用地址可以正常使用,https://cdn.bootcss.com/font-awesome/4.7.0/fonts

搜索下,是跨域权限的问题,知道问题就好解决了。

需要在HTTP头添加Access-Control-Allow-Origin

下图是百度云cdn添加的截图,阿里云,腾讯云方法类似,七牛云需要后台提交工单人工处理。

Apache服务器解决方法(在conf、或者.htaccess 均可添加,或者宝塔站点配置中修改)

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

Nginx服务器解决方法(在conf文件或者宝塔站点的配置中修改)

#字体跨域

    location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {

    add_header Access-Control-Allow-Origin * always;

}

nginx版本大于1.7.5时候无须加always,如下

location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {

add_header Access-Control-Allow-Origin *;

}

添加域名就吧*替换成域名的地址。

修改后记得重新加载配置文件!

分享到:
THE END
打赏

评论 1抢沙发

未显示?请点击刷新
  1. #1
    寻欢人. 游客 Lv.1

    梦幻博客:www.qdjak.cn

公告提示:本站已开放注册,欢迎投稿。
头像
站长签名: 专注分享各类源码-全网资源免费分享平台好货不私藏

文章作者信息版权声明

阅读时间:  发布于:2019-11-24

本文标题: css引用跨域字体文件woff,eot,ttf问题

本文链接: https://iooqp.cn/?post=552

版权声明:文章为《 Aqiang》原创,转载请保留出处! 本文共有 684 个字!

分享到:
切换注册

登录

您也可以使用第三方帐号快捷登录

切换登录

注册

© 2019 阿强爱分享   京ICP备19031919号-2

粤公网安备 44200002443934号

本站资源收集于互联网,请遵循相关法律法规,一切资源不代表本站立场,如有侵权,不妥请联系本站删除




css引用跨域字体文件woff,eot,ttf问题

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏