menu
announcement

Spectrum will become read-only on August 24, 2021. Learn more about the decision in our official announcement.

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

December 4, 2020 at 3:42am
by the way if you want the code sandbox theme for vscode then here it is https://marketplace.vscode.pro/codesandbox-theme
  • reply
  • like

February 2, 2021 at 4:03am
We need to install those fonts that code sandbox uses
9:13pm And change the font family the code sandbox uses
9:14pm Problem is the font dank mono is not free .
We need to install those fonts that code sandbox uses
  • reply
  • like