我正在开发一个使用 ant 设计的 reactJS 应用程序。最近，我们将此应用程序发布到计算机完全锁定的生产环境中。此应用程序是一个内部网应用程序，这些计算机无法访问互联网。因此，正因为如此，模态上的蚂蚁设计图标显示为空框。我做了一些挖掘，看到图标使用的是CSS类。
例如，这是错误模态上红色错误"X"的 CSS 类：
.anticon-cross-circle:before
{
content:"E62E"
}
我对 CSS 内容属性不太熟悉，所以我去 www.w3schools.com 并阅读了一下，并在他们的 Try It 页面上测试了此属性的这个特定内容值，我得到了我在生产环境中得到的空框。
有谁知道需要做什么才能将这些图标导入我的项目中，以便可以离线使用它们？
谢谢
我认为正在发生的事情是，Ant Design 正在定义带有相应字体文件的 URL 的 CSS 字体定义。由于计算机处于脱机状态，因此找不到这些定义。
在文档中，我看到它们还提供了SVG图标，它们应该完全脱机工作。我认为这值得一试。实现这一点的步骤可以在这里找到，它应该从版本 3.9.0 开始提供：https://ant.design/components/icon/#SVG-icons
您是否尝试过将图标库下载到项目文件夹中？ https://github.com/ant-design/ant-design-icons/tree/master/packages/icons-react。看起来他们已经将自己的代码分配给自己的图标，因此您需要让它们离线。
您将使用 css 文件 tabler-icons.css 和 woff 文件 tabler-icons.woff，并在您的样式中指定一个名为 tabler-icons 的字体系列.css使用 @font 面