How to change font in Monaco editor

General
,
1

How can I change the font in Monaco? I tried adding to the monaco.css, but it’s not working. This is being adding to divs (with classes like monaco-mouse-cursor-text and view-overlays) enclosing the code:

style="font-family: Menlo, Monaco, 'Courier New', monospace"

overriding the font definitions in the CSS file, even when I add “!important” to the css file, like this:

div.monaco-editor, div.view-lines.monaco-mouse-cursor-text, div.view-overlays {
		--monaco-monospace-font: Hack, "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace!important;
		font-family: Hack, "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace!important;
}

I have confirmed that the updated monaco.css file is loading in the MODX manager when editing code.

2

Hmm. OK, that just started working for some reason. But monaco.css is going to get replaced with each update of the plugin. Is there some way to do this in a more permanent way?

3

I don’t think there is a way @snowcreative. It would need to be added as a system setting to ensure it didn’t get altered all the time. There are only 4 system settings at this time. You could submit an Issue to the project.

4

done! Hopefully that can be added soon.