/*十有三博客*/
  • 首页
  • 关于本站
  • 网站地图
  • RSS订阅

解决bootstrap框架中Glyphicons字体图标无法显示

2015-03-23 十有三 0 浏览:1万+ 网站建设运维 网络知识

本文记录了如何解决bootstrap框架中,Glyphicons 字体图标在服务器上无法显示的问题。造成此问题的原因是由于服务器上没有添加woff字体的MIME类型,导致发送HTTP请求时,服务器无法处理和识别此类型的文件(Glyphicons字体图标就属于woff字体)。

部分Glyphicons字体图标展示

刚开始使用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)。欢迎转载本文,转载请声明出处或保留此段声明。


  • 上一篇: C# String.Substring(Int32, Int32)超出长度是否会出错
  • 下一篇: 百度的闭站保护在哪个菜单下

相关文章
  • MIME 类型大全(收集常用的MIME Type)
  • IIS 8.5的配置文件存放路径
  • 收到Let's Encrypt邮件通知需将SSL证书升级到ACMEv2协议
  • 博客底部的CC协议图标裂开了-404错误
  • 记录下博客静态化的历程和经验
  • 解决IIS出现HTTP错误500.19:工作进程无法读取 applicationhost.config 或 web.config 文件

文章分类

.NET技术 123 数据库 24 Web前端 21 网站建设运维 37 操作系统与应用 66 程序猿日常 11 开发工具 12 其他随笔 13

文章标签

ASP.NET ASP.NET MVC C# CSS HTML IIS Javascript Linux MongoDB MySql SQL SQL Server Visual Studio Windows系统 版本控制系统 插件工具 服务器 搞笑娱乐 好文分享 软件应用 生活知识 手机问题 随笔 网络知识 网站设计优化 网站维护 养生保健 异常处理 硬件设备 游戏攻略

热门文章

  • IIS8如何安装和使用URL重写工具-URL Rewrite
  • 林蛋大与楚中天,朱肚皮与朱月坡
  • 解决IE11安装升级失败和在安装前需要更新的问题
  • VS重构重命名的快捷键
  • Windows Server 2012无法安装 .NET3.5-安装角色或功能失败,找不到源文件

推荐文章

  • SQL SERVER中查询当天、当月、当年数据的SQL语句
  • ASP.NET MVC 使用视图引擎实现页面静态化
  • 龙游浅水遭虾戏,虎落平阳被犬欺出处
  • (译)在 ASP.NET中使用 XML-RPC 进行ping
  • ASP.NET MVC:此请求的查询字符串的长度超过配置的maxQueryStringLength值

友情链接

  • Passingwind的博客
  • 码友网

知识共享许可协议 CC BY-SA 4.0本站作品采用知识共享许可协议:署名-相同方式共享 4.0 国际(CC BY-SA 4.0)。
闽ICP备15003702号
闽公网安备 35020302035102号