Question

我的应用程序是一个通用的JS，React应用程序，我使用radium进行样式设计，并希望尽可能避免使用css模块。有没有办法实现这个目标？

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

使用react-helmet在标题中设置@ 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'
                  } ....

感谢任何帮助。

Answer 1

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

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

对于通用的JS＆amp;＆amp ;;＆＃39; @ font-face＆＃39;是否有替代品？应对

1 个答案: