menu

CodeSandbox

CodeSandbox is an online editor built for web applications, here you can talk about it or share your work!

Channels
Team

How do I get the codesandbox online editor type font for my vscode

October 2, 2019 at 1:21pm

How do I get the codesandbox online editor type font for my vscode

October 2, 2019 at 1:21pm
I just copy-pasted the whole setting.json from codesandbox to my vscode but I am not getting the same fonts styles and letter spacing and weights styles.

October 3, 2019 at 12:09pm
Does your settings.json file contain fields like editor.fontFamily, editor.fontLigatures, editor.fontSize etc?
  • reply
  • like

November 1, 2019 at 6:29am
Were you able to get the codesandbox font working in your vscode
  • reply
  • like
I use windows . I have installed Monaco font from https://github.com/todylu/monaco.ttf and have tried
  • reply
  • like
but the font looks different to codesandbox
  • reply
  • like
  • reply
  • like
Here is snap of my vscode font settings
  • reply
  • like
The default font is dank mono - https://dank.sh
like-fill
1
  • reply
  • like
thanks for the information. Looks like dank mono is not free.
  • reply
  • like
I still didnt able to recreate it!!
  • reply
  • like
We need to install those fonts that code sandbox uses
  • reply
  • like
And change the font family the code sandbox uses
  • reply
  • like
Problem is the font dank mono is not free .
  • reply
  • like
do we need to change the theme too ?
  • reply
  • like
also Is it free ?
  • reply
  • like
No it's free search for vscode theme you will get it
  • reply
  • like
Sorry code sandbox theme
  • reply
  • like
no I meant, that font not the theme.
  • reply
  • like

November 12, 2019 at 11:49am
Font is not free
  • reply
  • like