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

发表于 阅读次数： 本文字数： 222 阅读时长 ≈ 1 分钟

问题

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

解决过程

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

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

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

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

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

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

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

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

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