如何在 create-react-app 中使用 icomoon 创建的字体图标？

Question

我使用 icomoon 将 svg 转换为字体图标，并在 create-react-app 的 index.scss 中导入生成的字体文件，但有时这些图标不会加载在应用程序中看起来像这样 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

我已经解决了这个问题。感谢大家的线下支持

解决方法是我们需要确保不缓存字体文件，并在使用前先解码 scss 文件中使用的图标。由于在生产环境中的运行时解码不会将内容属性下的这些变量转换为有效值

如何在 create-react-app 中使用 icomoon 创建的字体图标？

How to use font-icons created by icomoon in create-react-app?

icons

sass

amazon-web-services

reactjs

create-react-app