menu
announcement

Spectrum is now read-only. 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?

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

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

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

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