Javascript 某些web图标不会出现在浏览器中

Javascript 某些web图标不会出现在浏览器中,javascript,html,css,webfonts,Javascript,Html,Css,Webfonts,我从E000-E900在私人使用区域制作了一些网络图标 在我的HTML中,我尝试将它们放在中: 和都不起作用。不过,对于其他图标来说,这是可行的,它只会发生在看起来像是图标集中不幸的那一半的图标上 我在Firefox、Safari和Chrome上试用过。唯一可行的方法是指定unicode实体,但这一点都不理想 <i class="wikicon">&#xe000;</i> 和#xe000; 感谢您的帮助 你能提供更多你如何使用的代码吗?因为cs

我从E000-E900在私人使用区域制作了一些网络图标

在我的HTML中,我尝试将它们放在
中:

都不起作用。不过,对于其他图标来说,这是可行的,它只会发生在看起来像是图标集中不幸的那一半的图标上

我在Firefox、Safari和Chrome上试用过。唯一可行的方法是指定unicode实体,但这一点都不理想

        <i class="wikicon">&#xe000;</i>
和#xe000;

感谢您的帮助

你能提供更多你如何使用的代码吗?因为css编码是不存在问题的

正如我在css中以以下方式使用的一样

.icon-file-alt:before {
  content: "\f016";
}
在我的html上

<i class='icon-file-alt'></i>


我还在网站中添加了特殊字体,基本上是图标。

这是在私有Unicode映射中,所以下面的回复将解释您,您必须更改映射


希望这能澄清一切。

i
标记用于书写斜体文本:再次尝试上载字体(我假设您使用的是图标字体集)@adripanico,
i
标记通常用于图标显示目的。您是否试图使用一种特殊字体,而这种字体不是大多数字体包的一部分?@leigro,是的,我正在尝试使用我刚刚创建的字体。@davey,我正在本地尝试,但它也不起作用。它看起来与我使用的字体差不多,除了我的css中有一个额外的.wikicon规则。你可以在这里查看我已经检查了你的字体文件,很惊讶它没有任何章程。虽然我没有任何好的字体编辑器,但我试着在mac上打开,它在文件中显示了一个W charter,并且比我使用的另一个软件fontbook还没有在字体文件中显示任何字符。所以原因可能是字体文件中没有字符。如前所述,它们位于E000-E900的PUA中。这就是为什么你只看到了W。多亏了卡马潘瓦尔,我把它们映射到了其他PUA地区,但仍然不起作用。然而,当我将它映射到任何拉丁字符时,它都起作用了。但由于许多原因,这不是一个切实可行的解决方案。我会一直等着看这到底是怎么回事。。!这意味着这是一个映射问题,你必须更改映射,而我看不出更改图标映射有任何问题!as字体将仅在带有css的特定字体文件中使用。没有什么不对,这是它的工作原理。祝你好运
        <i class="wikicon">&#xe000;</i>
.icon-file-alt:before {
  content: "\f016";
}
<i class='icon-file-alt'></i>