Fork me on GitHub

nginx 字体文件 404 错误 解决记录

问题

网站部署好了后打开发现找不到字体文件,错误代码 404 !

解决过程

先在 nginx 的 mime.types 文件里加上下面语句:

1
2
application/font-woff woff;
application/font-ttf ttf;

重启后仍然字体没加载成功。

再到 nginx 的 vhosts.conf 也就是网站所在的配置文件里加上代码:

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

重启后依然字体没加载成功。

最后把 web 所在目录路径加入到配置里, 如下:

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

再次重启后加载成功!一开始发现 404 代码的时候,以为路径不对,新建了个 test.txt 文件可以正常加载,一直以为路径是对的,所以忽略了在字体配置里面加入路径,导致搞了很久才最终解决!
以上!!!