Allow to change code editor font

Feature Request
1

While Wappler is a visual web app builder. But it does have a code view and that is actually quite handy for a ton of custom stuff which are yet to be added to Wappler natively. Also, when working with custom themes, the design view is quite broken!

So we are on code view more often than we’d like. While we’re there, ability to use contemporary fonts designed for coding will be a very nice addition to have.
This is a fantastic example of new monotype typeface designed for code: https://devblogs.microsoft.com/commandline/cascadia-code/

so, what do you think?

2

The code editor already comes with several code style choices. Have you tried them all to see if something is more to your liking?

3

there are no font options to choose from! it is just minor colour differences - at least to my eyes!
Cascadia Code has significant changes to be visible in the reading code.

quick example of Cascadia Code on VS Code.
image

1 Like
4

Plus 1 on this older feature request: free selection of the editor and terminal font

I personally prefer a less wider font like JetBrains Mono or MonoLisa, including Ligatures.

1 Like
5

+1 though i was able to hack this problem by

  1. convert my favourite coding font to woff2 format
  2. backup the Source Code Pro font built-in to Wappler:
cp /Applications/Wappler.app/Contents/Resources/app/Shared/DMXzone/dmxAppCreator/UI/css/fonts/SourceCodePro-Medium.woff2{,.bak}
  1. replace it with my favourite font:
cp ~/Downloads/iosevka-comfy-regular.woff2 /Applications/Wappler.app/Contents/Resources/app/Shared/DMXzone/dmxAppCreator/UI/css/fonts/SourceCodePro-Medium.woff2
  1. Restart Wappler

to convert TTF to WOFF2, i just used https://cloudconvert.com/ttf-to-woff2
it was just the 1st google search result, so im not sure how trustworthy is this site; don’t take it as a recommendation.