bootstrap 3中的图标不会在Firefox上呈现 [英] Glyphicons from bootstrap 3 not rendering on Firefox

问题描述

我使用引导程序3为Web应用程序。
一切工作在我的电脑上（Chrome浏览器，IE浏览器和Firefox），但我的一个客户看不到图形。

我首先想到的问题是我的CSS，但客户端在getboostrap.com
这个问题只存在于Firefox中。在Chrome和IE浏览器中工作。

我检查了Firebug的网络标签，找不到一个单一的字体文件下载...

有没有人有想法解决我的问题？

解决方案

检查所有字体是否存在并上传以及您的字体目录，另请参阅： Bootstrap 3.0和Font Awesome ，.eot，.woff，.ttf，.svg。如果有人损坏或丢失，在某些浏览器上将不起作用：

文件：

  css / bootstrap.css 
字体/ glyphicons-halflings-regular.eot 
字体/ glyphicons-halflings-regular.svg 
字体/ glyphicons-halflings-regular.ttf 
字型/ glyphicons-halflings-regular.woff 
  

I use bootstrap 3 for a web application. Everything works on my computer (Chrome, IE and Firefox) but one of my customer can not see glyphicon.

I first thought the problem was my css but the client does not see either glyphicons on getboostrap.com The problem is only present in Firefox. On Chrome and IE it works.

I checked the Network tab of Firebug and I could not find a single font file download ...

Does anyone have an idea to solve my problem?

解决方案

Check all your fonts are present and upload well in your font dir, see also: Bootstrap 3.0 and Font Awesome, .eot,.woff,.ttf,.svg. If one is broken or missing it will not work on some browsers:

files:

css/bootstrap.css
fonts/glyphicons-halflings-regular.eot  
fonts/glyphicons-halflings-regular.svg  
fonts/glyphicons-halflings-regular.ttf  
fonts/glyphicons-halflings-regular.woff

这篇关于bootstrap 3中的图标不会在Firefox上呈现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！