How to change the font

[acsses]

How to change font to one included in google fonts?

[jaywcjlove]

@acsses like this?

.cm-editor {
  font-family: 'Your Desired Font', sans-serif !important; 
}

[acsses]

I tried it, But it didn't work.

and I forget to write my env.
my env is blow

• npm 10.5.0
• next.js

[jaywcjlove]

@acsses You can give it a try:

const FontFamilyTheme = EditorView.theme({
  $: {
    fontFamily: "'Your Desired Font', sans-serif !important"
  }
});

<CodeMirror extensions={[FontFamilyTheme]} />;

[jaywcjlove]

const Theme = EditorView.theme({
  ".cm-content": {
    fontFamily: "Menlo, Monaco, Lucida Console, monospace"
  },
});

[acsses]

the later methods work! thank you!