In my current project, a reactJS application utilizing ant design for the UI was recently deployed to production on locked down computers. These computers lack internet access, causing ant design icons on modals to appear as empty boxes. Upon investigation, I discovered that the icons are using CSS classes.
For instance, the CSS class for the red error "X" on the error modal is as follows:
.anticon-cross-circle:before
{
content:"\E62E"
}
Being unfamiliar with the CSS content attribute, I visited www.w3schools.com to learn more and experimented with the content value on their Try It page, obtaining the same empty box result experienced in our production environment.
I am seeking advice on how to import these icons into our project so they can be utilized offline. Any insights or tips would be greatly appreciated.
Thank you.