Css 脱机时使用Ant设计图标

我正在开发一个使用ant设计UI的reactJS应用程序。最近，我们将这个应用程序发布到了生产环境中，在那里，计算机已经被完全锁定。此应用程序是intranet应用程序，这些计算机无法访问internet。因此，正因为如此，模态上的ant设计图标显示为空框。我做了一些挖掘，发现图标使用的是CSS类

例如，这是错误模式上红色错误“X”的CSS类：

.anticon-cross-circle:before
{
   content:"\E62E"
}

我不太熟悉CSS内容属性，所以我去阅读了一下，并在他们的页面上测试了这个属性的特定内容值，得到了我在生产环境中得到的空框

有人知道需要做什么才能将这些图标导入到我的项目中，以便它们可以脱机使用吗

---

谢谢

我认为现在正在发生的是Ant Design使用指向相应字体文件的URL来定义CSS字体定义。由于计算机处于脱机状态，因此无法找到这些定义

---

在文档中，我看到它们还提供了SVG图标，可以完全脱机工作。我认为这值得一试。实现此功能的步骤可以在此处找到，并且应该可以从3.9.0版获得：

您是否尝试将图标库下载到项目文件夹中？

---

. 看起来他们已经将自己的代码分配给了自己的图标，因此您需要将其脱机。

引用他们的文档：

我们在3.9.0版中引入了SVG图标，取代了字体图标。

字体图标基本上需要从CDN加载，除非您的本地项目文件夹或资源中有字体文件。因此，将ant设计升级到3.9.0可能就是答案。