可能的原因是：firefox（28.0）对icon font的目录解析bug导致出现问题。
我尝试着调整CSS文件的位置以及icon font文件的位置，以期找到问题的真正原因。我做了很多次调整，但是从这些结果中我不能总结出一个满意的规律来。自己也觉得很懊恼。在这里只能给个勉强的解决方法：就是把icon font对应的CSS文件和icon font文件都放在也HTML同级目录或者子目录下，然后正确的引入即可。 我引入CSS文件的代码：
我的icon font文件引入代码：
@font-face{ font-family:'madtry'; src: url('fonts/madtry.eot'); /* IE 9 */ src: url('fonts/madtry.eot#iefix') format('embedded-opentype'), /* IE6-8 */ url('fonts/madtry.woff') format('woff'), /* Chrome firefox */ url('fonts/madtry.ttf') format('truetype'), /* Chrome firefox opera andriod ios4.2 */ url('fonts/madtry.svg#madtry') format('svg'); /* ios4.1 */ }