Fork me on GitHub

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

发表于 | 阅读量 次
| 字数统计: 221 | 阅读时长 ≈ 1

问题

网站部署好了后打开发现找不到字体文件,错误代码 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 文件可以正常加载，一直以为路径是对的，所以忽略了在字体配置里面加入路径，导致搞了很久才最终解决！
以上！！！