本文介绍了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字体未显示在部署的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

09-09 23:01