Как использовать иконки шрифтов, созданные icomoon, в приложении create-реагировать?

Question

Я конвертировал svg в шрифтовые иконки с помощью icomoon и импортировал сгенерированные файлы шрифтов в index.s css create-реагировать-приложение, но иногда эти иконки не загружаются в приложении и Broken Icons Image Я также пытался использовать предварительную загрузку, но не сработало.

Как решить эту проблему?

Мы развертываем приложение на AWS.

Заранее спасибо.

Я пытался найти решение в разных местах, но не нашел оптимального решения

@font-face {
  font-family: "appicon";
  src: url("./resources/fonts/appicon.woff") format("woff"), url("./resources/fonts/appicon.ttf") format("truetype"),
    url("./resources/fonts/appicon.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

Answer 1

Я получил исправление для этого. Спасибо всем за поддержку в автономном режиме.

Исправление: нам нужно убедиться, что файлы шрифтов не кэшируются, а значки, используемые в файлах s css, сначала декодируются перед использованием. Поскольку декодирование во время выполнения в производственной среде не преобразует эти переменные в свойстве содержимого в допустимое значение