为什么iconfont字体图标在火狐不显示

Question

为什么iconfont字体图标在火狐不显示

Answer 1

类似问题：http://bbs.kafan.cn/thread-1646246-1-1.html
强制强制某些字体导致，现在网页流行的字体图标的失效
解决方案很简单，在css强制指定字体中加入该字体图标的字体名即可
比如淘宝首页可以这样解决：
* {font-family: "Microsoft YaHei","iconfont" !important;}
复制代码
可以看到加入了iconfont

最近我还发现FontAwesome也开始流行开来，搞网站的可能比较熟，我也刚开始接触
* {font-family: "Microsoft YaHei","iconfont","FontAwesome" !important;}
复制代码
----------------------
对于2、4楼的问题可以这样解决，
* {font-family: "iconfont","Microsoft YaHei" !important;}
复制代码
这是优先级问题？期待大牛解惑
--------------
楼下提到的github网站可以加入Octicons解决
=============================
=============================

对【解决css强制字体导致字体图标无法显示的问题】的补充

From The Amazing Artifact : Firefox
Sun Nov 03 2013 09:48:06 GMT+0800 by lyttmonkey

Answer 2

　　这个应该是系统中火狐浏览器log缓存问题，其实这个标致可以通过手动指定一下。方式是：在快捷方式上右击->选择属性->点击更高图标，然后通过浏览，找到火狐浏览器的主程序，开发后，会自动加载里面的ico文件，选择您喜欢的，确定即可。

    另外您还可以通过修复win7图标缓存的方式实现该处的修正，具体方法请参阅：更新Win7缓存图标修复Win7桌面小问题。

Answer 3

在任何浏览器里，强制使用某种字体来显示全部文字，都会有这个问题。

解决办法：基本上那些图标，class 都会以「icon-」 开头。不知道 ff 有没有 custom css 的插件或设置，写个匹配 css 规则，把这些 icon 排除在外。

*:not([class*="icon"]):not(i){font-family: "Microsoft YaHei" !important;}