nginx服务器下解决字体跨域的问题

1. 进入 /usr/local/nginx/conf 目录,打开 nginx.conf 文件,

2. 找到当前使用的server及要修改的域名处,增加以下代码并保存:

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

3. 在 nginx.conf 文件的同级目录,打开 mime.types 文件并找到以下代码:

1
application/font-woff woff;

4. 在其上方增加以下代码并保存:

1
2
3
font/ttf ttf;
font/otf otf;
application/font-woff2 woff2;

5. 重启nginx服务器:

1
/usr/local/nginx/sbin/nginx -s reload

6. 清除浏览器缓存并查看效果,完成。

分享到 评论