可能的原因是:firefox(28.0)对icon font的目录解析bug导致出现问题。
我尝试着调整CSS文件的位置以及icon font文件的位置,以期找到问题的真正原因。我做了很多次调整,但是从这些结果中我不能总结出一个满意的规律来。自己也觉得很懊恼。在这里只能给个勉强的解决方法:就是把icon font对应的CSS文件和icon font文件都放在也HTML同级目录或者子目录下,然后正确的引入即可。
我引入CSS文件的代码:
<link rel="stylesheet" type="text/css" href="moz/font_madtry.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 */ }