BootStrap对Firefox真心不友好啊,图标完全乱掉了

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

Firefox上成渣渣了：（ <img src=“http://img.itc.cn/photo/oTX4UljBvqp” />

遇到这种问题该咋办呢？

simon 1楼•11 年前

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

goodnightAndy 2楼•11 年前

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

kingapple 3楼•11 年前作者

通过file协议访问的，不经过http：（

cloudcome 4楼•11 年前

这和Bootstrap无关哦

kingapple 5楼•11 年前作者

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

puras 6楼•11 年前

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

kingapple 7楼•11 年前作者

没少东西啊：（应该是BS没做到，遇到bug了。。。

zzjin 8楼•11 年前

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

deepure 9楼•11 年前

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

kingapple 10楼•11 年前作者

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

queryerror 11楼•11 年前

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