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.     }


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 字体文件跨域解决办法字体跨域

已有 431 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

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