Editor Font

[Clay-Ferguson]

I couldn't find a way to set the font for the editor, and in the less file I found it seems to be hard-coded. Any suggestions? Should I just figure out which class to override, by inspecting the dom, and try overriding that? Maybe this is a dumb question and we're supposed to just override styles as needed, but I was unsure.

[jaywcjlove]

@Clay-Ferguson This can cause text ghosting problems.

#276 (comment)

[Clay-Ferguson]

I just need a bigger font, so text is easier to read. It's ok if the component itself still chooses the actual font, but I just need it larger. I prefer a fixed width font too, but that's just my preference.

Perhaps some font style settings like this...if you can't let the actual font be styled by users.

FontStyle = FIXED || VARIABLE
FontSize = SMALL || MEDIUM || LARGE

[jaywcjlove]

@Clay-Ferguson Example: https://codesandbox.io/embed/markdown-editor-for-react-uiwjs-react-md-editor-issues-425-2epmgh?fontsize=14&hidenavigation=1&theme=dark

.w-md-editor-text-pre > code,
.w-md-editor-text-input {
  font-size: 23px !important;
  line-height: 24px !important;
}

[Clay-Ferguson]

That works perfectly! Doesn't support fixed width font, but basically solves my primary need. Thank you!