BootStrap对Firefox真心不友好啊,图标完全乱掉了 - CNode技术社区

其他浏览器这个效果 <img src="http://img.itc.cn/photo/oTX4vkVYgb8" />

Firefox上成渣渣了:( <img src="http://img.itc.cn/photo/oTX4UljBvqp" />

遇到这种问题该咋办呢?

font文件的http请求需要加上 Access-Control-Allow-Origin:* 头部

给webservice新增一个MIME类型: 扩展名:.woff MIME类型:application/x-font-woff 至于怎么加,请根据你的webservice去百度〜

通过file协议访问的,不经过http:(

这和Bootstrap无关哦

BS对FF的兼容性有问题,和BS果断有关系的。。。

你看看在FF中加载的时候,是不是少啥东西,一盘来说少字体文件的时候会是这样的。 PS:跟BS没啥关系。

没少东西啊:( 应该是BS没做到,遇到bug了。。。

是ff对file://这个协议的sandbox支持问题吧...你随便换个http的serve应该就对了

和bootstrap无关,FF对font-face的机制和chrome不同,相对来说要严格一些,IE高版本也是如此,解决方法见1楼

file:///协议,不走http,所以没法解决:(

这个问题不是BS的问题,这是引用font-icon后出现的问题。给你个建议,不要使用内置的那一套,去http://fontello.com/ 这个网站上自定义下载你想要的图标。下载包里有一个CSS文件是专门针对这个问题的Hack,而且包里的readme中有关于这个问题的说明。 PS:个人觉得用某东西出了问题就说它不好,这种做法非常不好。因为你都还没有发现问题的根源所在。