HTML/CSS

font-face 字体文件跨域解决办法字体跨域

也想出现在这里?联系我们
创客云

开发网站的时候经常会调用不同域名下的字体文件(同源策略禁止读取位于 ttf 文件),但是出现无限的情况,提示如下:已拦截跨源请求:

  1. 同源策略禁止读取位于 https://www.22vd.com/fonts/fontawesome-webfont.woff?v=4.7.0 的远程资源。(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’)
  2. 已拦截跨源请求:同源策略禁止读取位于 https://www.22vd.com/fonts/fontawesome-webfont2.woff?v=4.7.0 的远程资源。(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’)
也想出现在这里?联系我们
创客主机

解决办法

在主域名的环境配置文件里加入允许字体跨域,nginx 环境 域名 conf 文件里加入

  1.     location ~* \.(ttf|ttc|otf|eot|woff|woff2|font.css)$ {
  2.         add_header Access-Control-Allow-Origin *;
  3.     }

font-face 字体文件跨域解决办法字体跨域-云模板
IIS 环境 首先确保 iis 网站上已经添加 mine 类型

  1.     AddType application/vnd.ms-fontobject .eot
  2.     AddType font/ttf .ttf
  3.     AddType font/otf .otf
  4.     AddType application/x-font-woff woff

apache 环境 域名 conf 文件里加入

  1.     Header set Access-Control-Allow-Origin "*"

font-face 字体文件跨域解决办法字体跨域-云模板

服务范围 1、专业提供WordPress主题、插件汉化、优化、PHP环境配置等服务请详询在线客服
2、本站承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
3、英文模板(主题)安装费用为120元/次,汉化主题首次免费安装(二次安装30元/次)
售后时间 周一至周五(法定节假日除外) 10:00-22:00
(0)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

热评文章

发表评论

热销模板

Nastik - 创意企业作品展示网站WordPress汉化模板

Envato

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!

8

8年专注高端建站

秋季到冬季,是一个季节的距离:

①、感恩回馈云模板VIP会员限时 6 折 ---》充值VIP

②、买模板送等值主机(高速、稳定、免备案)活动火热进行中 ---》云模板

咨 询 客 服