解决网站没有加载woff字体 导致iconfont.ttf无法加载(nginx)

1、没有发布成功原因

    先检查一下服务器上 对应的路径上有没有对应的文件

2、mime.types的原因 需要加对应的type,如

   

 application/x-font-truetype           ttf;
 application/x-font-woff               woff woff2;

3、同源策略的原因,跨域的问题

在nginx.conf 如下:


    

 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
                    expires      30d;
             }

里添加woff

location ~ .*\.(gif|jpg|woff|jpeg|png|bmp|swf)$
   {
        expires      30d;
   }

重启服务器:/etc/init.d/nginx reload
4、nginx识别路径问题

 如果以上都不行,检查一下日志,如果出现

/etc/nginx/html/my-web/static/fonts/ionicons.d535a25.ttf" failed (2: No such file or directory), client:

则检查一下nginx.conf 下的 location的root 指定(需要保持一致),修改如下

       

location / {
           root /www; 
           index index.html index.htm;
       }       

重启服务器:/etc/init.d/nginx reload

hxy

hxy

秦 夏

留下你的评论

快留下你的小秘密吧