可能的原因是:firefox(28.0)對icon font的目錄解析bug導(dǎo)致出現(xiàn)問題。
我嘗試著調(diào)整CSS文件的位置以及icon font文件的位置像啼,以期找到問題的真正原因惋戏。我做了很多次調(diào)整,但是從這些結(jié)果中我不能總結(jié)出一個(gè)滿意的規(guī)律來义辕。自己也覺得很懊惱。在這里只能給個(gè)勉強(qiáng)的解決方法:就是把icon font對應(yīng)的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 */ }