我的应用程序是通用的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>

07-28 02:50