javascript - 某些网络图标不会出现在浏览器中

Question

我在 E000-E900 的私有(private)使用区制作了一些网络图标。

在我的 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>

感谢任何帮助!

Answer 1

它是在私有(private)Unicode映射中，所以下面的回复会解释你，你必须改变映射。

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

希望这能澄清一切。