本文介绍了icomoon字体未显示在部署的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我的示例网站是www.peshaa.com
my sample website is www.peshaa.com
我使用icomoon字体玩,并使用他们的icon-droplet.It应该出现在文本世界的宗教,但我得到的是一个矩形在所有的浏览器。然而,当我测试我的html / css代码在本地,icon-droplet字体出现在所有的浏览器。当我调试,我得到404错误文件找不到。我的CSS如下
I am playing around with icomoon fonts and used their icon-droplet.It is supposed to be appearing right before the text "religions of the world" but all I get is a rectangle in all the browsers.However, when I test my html/css code locally, the icon-droplet font appears perfectly in all the browsers. When I debug, am getting 404 error file not found. My CSS is as follows
@ 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;
}
非常感谢。
推荐答案
我的问题是通过删除?#iefix
icomoon
!
My problem was solved by removing ?#iefix
and icomoon
!
很奇怪!
这篇关于icomoon字体未显示在部署的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!