Javascript 如何在React中使用自定义字体图标

Javascript 如何在React中使用自定义字体图标,javascript,html,css,reactjs,fonts,Javascript,Html,Css,Reactjs,Fonts,当我想使用在上创建的字体图标时,遇到了一个问题。我的目标是在呈现页面之前加载字体图标。 问题:在React应用程序中使用字体图标的最佳方式是什么?不,我不认为网页字体有任何事件,它们只是加载了,你永远不会知道它们什么时候加载,什么时候加载。所以你总是会有坏的图标,然后过一段时间它就会加载,你唯一能做的就是延迟并显示某种加载程序。@jcubic,我想是的,除了有,还有typekit作为后备。但是,如果您使用react,并且您使用字体作为图标,那么实际上没有理由为一组已知资源提供完整的字体-为什么在

当我想使用在上创建的字体图标时,遇到了一个问题。
我的目标是在呈现页面之前加载字体图标。


问题:在React应用程序中使用字体图标的最佳方式是什么?不,我不认为网页字体有任何事件,它们只是加载了,你永远不会知道它们什么时候加载,什么时候加载。所以你总是会有坏的图标,然后过一段时间它就会加载,你唯一能做的就是延迟并显示某种加载程序。@jcubic,我想是的,除了有,还有typekit作为后备。但是,如果您使用react,并且您使用字体作为图标,那么实际上没有理由为一组已知资源提供完整的字体-为什么在您仅使用10个图标的情况下提供完整的字体?提取它们并使用普通图像,以获得最大的兼容性?我不认为web字体有任何事件,它们只是加载了,你永远不会知道何时加载以及何时加载。所以你总是会有坏的图标,然后过一段时间它就会加载,你唯一能做的就是延迟并显示某种加载程序。@jcubic,我想是的,除了有,还有typekit作为后备。但是,如果您使用react,并且您使用字体作为图标,那么实际上没有理由为一组已知资源提供完整的字体-为什么在您仅使用10个图标的情况下提供完整的字体?提取它们并使用普通图像,以获得最大的兼容性?