javascript - 是否可以使用 '@font-face'替代通用JS和React

我的应用程序是通用的JS，React应用程序，我在使用radium进行样式设置，并尽可能避免使用CSS模块。有没有办法做到这一点？

到目前为止，这是我尝试过的。

使用react-helmet在 header 中设置@ font-face，由于明显的原因而无效。

这是我的app.jsx

 <Helmet
              style={[{
                'cssText': `
                  @font-face {
                    font-family: 'Roboto Condensed';
                    src: url('./fonts/roboto-condensed-400-normal.woff2') format('woff2'), url('./fonts/roboto-condensed-400-normal.woff') format('woff');
                  }
                  @font-face {
                    font-family: 'Roboto Condensed';
                    font-weight: 700;
                    src: url('./fonts/roboto-condensed-700-normal.woff2') format('woff2'), url('./fonts/roboto-condensed-700-normal.woff') format('woff');
                  }
                  body {
                    font-family: 'Roboto Condensed'
                  } ....

任何帮助，将不胜感激谢谢。

最佳答案

对于像我这样在三年后发现此问题的人，现在可以使用:

<Helmet>
   <style>{css_string}</style>
</Helmet>