某些 Web 图标不会显示在浏览器中

Certain web icons do not appear in browser

本文关键字：浏览器 显示 Web 图标 某些      更新时间：2023-09-26

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

任何帮助表示赞赏！

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

如何在CSS生成的内容中嵌入Unicode补充私人使用字符？

希望这能澄清一切。

你能提供更多代码你如何使用吗？由于 css 编码不存在问题。

当我在我的 css 中以以下方式使用

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

在我的网页上

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

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

相关文章：