【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found)
2017-04-24 16:59
676 查看
问题:
虽然网页正常显示和运行,但是有2个字体文件出现404错误。像笔者这种强迫症是接受不了的。
解决:
因为笔者的服务器是虚拟主机,只需要在主机控制器平台添加对应的MIME类型即可。
这样服务器就支持这两种字体文件,不会报错了。
参考的解决方案文章全文如下:
来源:http://www.yneit.com/2016/06/fontsfontawesome-webfont-woff2-404-not-found.html
第一次使用FontAwesome加载字体,但是使用的时候却提示fonts/fontawesome-webfont.woff2 404 (Not Found),很明显这是由于文件不存在导致的问题。然后我们具体来看一下:
可能存在两种情况:
1、项目发布过程中这个文件没有被拷贝到发布目录,我这次碰到的问题就是这个原因导致的,在项目grunt build时会进行文件的copy操作,其中对文件后缀做了限制,所以我只需要加上这个.woff2即可;
2、由于web服务器不支持导致的:
nginx不支持的情况,可以参考下面的配置解决:
Apache默认是不支持.woff和.woff2的,所以要设置一下:
IIS默认也是不支持的,可以添加MIME类型来解决:
虽然网页正常显示和运行,但是有2个字体文件出现404错误。像笔者这种强迫症是接受不了的。
解决:
因为笔者的服务器是虚拟主机,只需要在主机控制器平台添加对应的MIME类型即可。
这样服务器就支持这两种字体文件,不会报错了。
参考的解决方案文章全文如下:
来源:http://www.yneit.com/2016/06/fontsfontawesome-webfont-woff2-404-not-found.html
第一次使用FontAwesome加载字体,但是使用的时候却提示fonts/fontawesome-webfont.woff2 404 (Not Found),很明显这是由于文件不存在导致的问题。然后我们具体来看一下:
可能存在两种情况:
1、项目发布过程中这个文件没有被拷贝到发布目录,我这次碰到的问题就是这个原因导致的,在项目grunt build时会进行文件的copy操作,其中对文件后缀做了限制,所以我只需要加上这个.woff2即可;
2、由于web服务器不支持导致的:
nginx不支持的情况,可以参考下面的配置解决:
location ~* \.(eot|otf|ttf|woff|woff2|svg)$ { add_header Access-Control-Allow-Origin *; } AddType application/x-font-woff woff AddType application/x-font-woff2 woff2
Apache默认是不支持.woff和.woff2的,所以要设置一下:
location ~* \.(eot|otf|ttf|woff|woff2|svg)$ { add_header Access-Control-Allow-Origin *; } AddType application/x-font-woff woff AddType application/x-font-woff2 woff2
IIS默认也是不支持的,可以添加MIME类型来解决:
.woff2 application/x-font-woff
相关文章推荐
- 【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found)
- 【问题&解决】fonts/fontawesome-webfont.woff2 404 (Not Found)
- 【问题及解决】fonts/fontawesome-webfont.woff2 404 (Not Found)
- 解决办法 fonts/fontawesome-webfont.woff2 404 (Not Found)
- fonts/fontawesome-webfont.woff2 404
- 解决网站出现GET .woff 404 (Not Found)的问题
- linux机上web项目添加font,nginx显示404问题(woff)及svn编码问题
- VS2013下fontawesome-webfont.woff路径下有还报404错配置web.config方法
- 出现fonts/fontawesome-webfont.woff?v=4.5.0 net::ERR_ABORTED
- 解决Vue用Nginx做web服务器报错favicon.ico 404 (Not Found)的问题
- "Only TrueType fonts are supported. This is not a TrueType font."问题解决
- bootstrap解决图标显示不出来问题,出现GET .woff 404 (Not Found)的问题
- System.Web.HttpException 与 HTTP Error 404.13 - Not Found问题解决说明
- 转 [开发总结]WebView使用中遇到的一些问题&解决
- websevice中runtime modeler error: Wrapper class com.ws.jaxws.Add is not found问题的解决办法
- [开发总结]WebView使用中遇到的一些问题&解决
- [问题与解决] java.lang.NoSuchMethodError: org.objectweb.asm.ClassWriter.<init>(I)V
- Qt QFontDatabase::loadFromCache: Font path doesn't match.问题解决
- 解决了/usr/lib/libstdc++.so.6: version `GLIBCXX_3.4.9' not found的问题
- lua module 'ltn12' not found 问题解决