Css 一些Icomoon图标赢得';t显示

Css 一些Icomoon图标赢得';t显示,css,icons,icon-fonts,Css,Icons,Icon Fonts,我在一个应用程序中使用Icomoon-我有一个小图标无法显示的问题。我已经通过Icomoon应用程序下载了所有图标,这是最新版本-所有450个图标都已选中 我尝试了一个没有其他CSS的空白页面,但是如果是我的应用程序中的CSS造成的,它们仍然不能工作 <link rel="stylesheet" type="text/css" href="/css/icons/icomoon/style.css" media="screen" /> <i class="icon-user"&

我在一个应用程序中使用Icomoon-我有一个小图标无法显示的问题。我已经通过Icomoon应用程序下载了所有图标,这是最新版本-所有450个图标都已选中

我尝试了一个没有其他CSS的空白页面,但是如果是我的应用程序中的CSS造成的,它们仍然不能工作

<link rel="stylesheet" type="text/css" href="/css/icons/icomoon/style.css" media="screen" />

<i class="icon-user"></i> User
<i class="icon-bars"></i> Bars
<i class="icon-search"><i> Search
如果我打开icomoon.svg(我唯一可以“编辑”的文件),那么92和a0都存在:

<glyph unicode="&#x92;" d="M734.994 154.626c-18.952 2.988-19.384 54.654-19.384 54.654s55.688 54.656 67.824 128.152c32.652 0 52.814 78.138 20.164 105.628 1.362 28.94 41.968 227.176-163.598 227.176-205.564 0-164.958-198.236-163.598-227.176-32.654-27.49-12.488-105.628 20.162-105.628 12.134-73.496 67.826-128.152 67.826-128.152s-0.432-51.666-19.384-54.654c-61.048-9.632-289.006-109.316-289.006-218.626h768c0 109.31-227.958 208.994-289.006 218.626zM344.054 137.19c44.094 27.15 97.626 52.308 141.538 67.424-15.752 22.432-33.294 52.936-44.33 89.062-15.406 12.566-27.944 30.532-35.998 52.602-8.066 22.104-11.122 46.852-8.608 69.684 1.804 16.392 6.478 31.666 13.65 45.088-4.35 46.586-7.414 138.034 52.448 204.732 23.214 25.866 52.556 44.46 87.7 55.686-6.274 64.76-39.16 140.77-166.454 140.77-205.564 0-164.958-198.236-163.598-227.176-32.654-27.49-12.488-105.628 20.162-105.628 12.134-73.496 67.826-128.152 67.826-128.152s-0.432-51.666-19.384-54.654c-61.048-9.634-289.006-109.318-289.006-218.628h329.596c4.71 3.074 9.506 6.14 14.458 9.19z" />

<glyph unicode="&#xa0;" d="M992.262 88.604l-242.552 206.294c-25.074 22.566-51.89 32.926-73.552 31.926 57.256 67.068 91.842 154.078 91.842 249.176 0 212.078-171.922 384-384 384-212.076 0-384-171.922-384-384 0-212.078 171.922-384 384-384 95.098 0 182.108 34.586 249.176 91.844-1-21.662 9.36-48.478 31.926-73.552l206.294-242.552c35.322-39.246 93.022-42.554 128.22-7.356s31.892 92.898-7.354 128.22zM384 320c-141.384 0-256 114.616-256 256s114.616 256 256 256 256-114.616 256-256-114.614-256-256-256z" />

此外,在从icomoon应用程序创建的演示html文件中,从7f(下载)到a0(搜索)的所有图标都显示为空白-我尝试使用的两个图标都属于此范围


你知道为什么有些会出现,而有些不会出现吗?

你有没有尝试过前面答案中提出的解决方案


另外,请参见

我找到了解决方案。我的问题是,只有几个图标根本没有显示,但在打开zip上的html文件后,我看到这些图标显示正确。所以我看到了html和css,看到了通过一个类调用图标,这个类是文件用来调用类的。第一个出现在@font-face调用下面,该调用基本上设置字体的样式和系列,以及正确显示字体所需的所有内容,因此调用该类。下一个示例是使用my类和icomoon字体文件

@font-face {
     font-family:"icomoon";
     src: url('fonts/icomoon.eot');
@font-face {
     /*All the urls*/
}

/*THIS IS THE ONE YOU NEED TO CALL*/
.icomoon {
     font-family: "icomoon";
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
/*Better font rendering ======*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

当你用icomoon创建一个新图标时,你会在下载之前得到一个预览。如果图标有“多色”标签,则不会显示。我在illustrator中创建了一些图标,并将它们导入到应用程序中。因为我的剪影是白色的,背景是白色的,所以图标有点破损,无法使用


必须使用pathfinder来修复它们,并使其仅为一种颜色,同时线条笔划会杀死图标。

我在IE11&edge中遇到的问题是,显示的是大写变体,而不是小写图标。这是因为IE11/edge在处理css应用字符时忽略了大小写,只搜索字体文件中的第一个“匹配项”

如图所示,小写字母“g”映射到垃圾箱图标,而大写字母“g”映射到播放图标。IE11&edge错误地使用了第一个大写变体

您可以通过检查字体文件并在图标本身的css中显式声明“文本转换:小写/大写”来测试这一可能的原因,并查看是否修复了它


为了最终解决这个问题,我从图标字体中删除了所有大写字母,并将所有内容重新映射到,所有内容都按预期工作。我在这篇文章中找到了我的解决方案:

是的,我做了很多其他事情——这非常奇怪,因为它是特定的图标,而不是浏览器本身。这是开发者需要在应用程序中更新的东西,因为U+7F到U+A0无法呈现,或者浏览器忽略了他们,他现在已经这样做了,这是解决方案谢谢跟进+发布解决方案!我也有同样的问题!你到底是怎么给他们打电话的?我试过了,但都没用。
@font-face {
     font-family:"icomoon";
     src: url('fonts/icomoon.eot');
@font-face {
     /*All the urls*/
}

/*THIS IS THE ONE YOU NEED TO CALL*/
.icomoon {
     font-family: "icomoon";
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
/*Better font rendering ======*/
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}