2013-08-31 26 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