作者:心梦无痕

手机扫码查看
讯沃blog网交流群

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

当前位置:讯沃blog > 建站基础 > 正文

今天把站点的字体的静态文件woff,eot,ttf放到cdn去速度快一些,改成了外链地址,居然不加载报错,用下面的公用地址可以正常使用,
https://cdn.bootcss.com/font-awesome/4.7.0/fonts
搜索下,是跨域权限的问题,知道问题就好解决了。
需要在HTTP头添加Access-Control-Allow-Origin
下图是百度云cdn添加的截图,阿里云,腾讯云方法类似,七牛云需要后台提交工单人工处理。
20191106195706.jpg
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 *;
}

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

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

未经允许不得转载
本文地址:https://www.77nn.net/2216.html
版权声明:本文为原创文章,版权归 心梦无痕 所有,欢迎分享本文,转载请保留出处!
分享到:
赞(0) 打赏

评论 抢沙发

表情 4 + 7 =


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

支付宝、微信、QQ扫一扫打赏

weisimple主题

专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

了解一下

切换注册

登录

忘记密码 ?

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

Q Q 登 录
微 博 登 录
切换登录

注册