how to dynamic change font-family

[ywww]

how to dynamic change font-family

[jaywcjlove]

@ywww

const styleExtension = EditorView.theme({
  ".cm-editor .cm-scroller": {
    fontFamily: "monospace"
  }
}, {
  dark: true,
});

<CodeMirror
  extensions={[styleExtension]}
/>

[ywww]

can not work

[ywww]

"@uiw/codemirror-extensions-langs": "^4.21.21",
"@uiw/codemirror-themes-all": "^4.21.21",
"@uiw/react-codemirror": "^4.21.21",

                <CodeMirror
                    style={{fontSize: fontSize}}
                    value={value}
                    width={'100%'}
                    theme={themes[theme]}
                    basicSetup={{tabSize: 2}}
                    indentWithTab={true}
                    readOnly={disabled}
                    height={height || 200 + 'px'}
                    extensions={[json(), EditorView.lineWrapping, EditorView.theme({
                        ".cm-editor .cm-scroller": {
                            fontFamily: fontFamily
                        }
                    }, {
                        dark: true,
                    })]}
                    onChange={this.props.onChange}
                />

[jaywcjlove]

@ywww If you provide a reproducible example, I can take a look at it for you.