2013-08-31 60 views
3

我的示例網站是www.peshaa.comicomoon字體部署

我玩弄icomoon字體和使用他們的icon-droplet.It應該可以在文本前右側出現「宗教世界「,但我得到的是所有瀏覽器中的矩形。但是,當我在本地測試我的html/css代碼時,圖標滴字體在所有瀏覽器中都完美顯示。當我調試時,我得到404錯誤文件未找到。我的CSS是如下

@font-face {

font-family: 'icomoon'; 
src:url('fonts/icomoon.eot'); 
src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'), 
url('fonts/icomoon.woff') format('woff'), 
url('fonts/icomoon.ttf') format('truetype'), 
url('fonts/icomoon.svg#icomoon') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

任何幫助將不勝感激。

+1

你的路徑是否正確? – Jeffpowrs

+0

是的,我的路徑是正確的,否則他們不會在本地工作。 – user970044

+3

ok.got它工作。當從icomoon應用程序下載字體時,單擊首選項選項卡,然後在下載文件之前選擇base 64 encode and embed fonts in css option。這將使其顯示出來。 – user970044

回答

0

我的問題已通過刪除?#iefixicomoon解決!

奇怪!

+0

爲什麼刪除這些修復你的問題?這些似乎是標準的瀏覽器兼容性'擴展' – ethane