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

时间:2014-04-07 08:36:07

标签: javascript html css webfonts

我在E000-E900的私人使用区域制作了一些网络。

在我的HTML中,我尝试将它们放在<i>

        <i class="wikicon wikicon-pencil"></i>

以及<span>

        <span class="wikicon wikicon-pencil"></span>
在CSS中

       .wikicon-pencil:before {
        content: "\e800";
       }

<i><span>都没有效果。但是,使用其他图标,它可以工作,它只发生在图标集的不幸的一半。

我在Firefox,Safari和Chrome上尝试过它们。唯一可行的方法是当我指定unicode实体时,但这根本不理想。

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

任何帮助表示赞赏!

2 个答案:

答案 0 :(得分:0)

您能提供更多代码吗?由于css编码不存在问题。

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

.icon-file-alt:before {
  content: "\f016";
}

和我的HTML

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

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

答案 1 :(得分:0)

它是私有的Unicode映射,所以下面的回复将解释你,你必须改变映射。

How to embed Unicode Supplementary Private Use characters in CSS generated content?

希望这能澄清一切。