解决bootstrap框架中Glyphicons字体图标无法显示
本文记录了如何解决bootstrap框架中，Glyphicons 字体图标在服务器上无法显示的问题。造成此问题的原因是由于服务器上没有添加woff字体的MIME类型，导致发送HTTP请求时，服务器无法处理和识别此类型的文件(Glyphicons字体图标就属于woff字体)。
刚开始使用Glyphicons图标的时候，网站在本地电脑上运行是显示正常的，结果网站一发布到服务器上图标就显示不出来。
查看网站对Glyphicons图标的HTTP请求，发现请求的资源竟然是404错误，但是服务器上明明有Glyphicons Font的文件。
后来经过排查，原来是服务器上并没有设置woff的meta类型。导致HTTP请求无法识别woff类型的字体，而Glyphicons字体图标正好是woff类型的字体。
解决方法很简单，只要在网站所在服务器上设置meta类型即可。
PS：如果网站是使用iis并且使用ASP.NET/ASP.NET MVC开发，遇到Glyphicons无法显示的，可以查看这篇文章：解决网站出现GET .woff 404 (Not Found)的问题。如果是其他类型的服务器，或者网站是由其他语言编写的（比如PHP），需要另外到网上查阅资料。
作者：十有三
出处：https://shiyousan.com/post/635627331517954340
版权声明：本文采用知识共享许可协议：署名-相同方式共享 4.0 国际(CC BY-SA 4.0)。欢迎转载本文，转载请声明出处或保留此段声明。