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