How do I enable a custom font?

[Explosion-Scratch]

I really like the font Fira Code and I want to enable it in CSB, but it's not installed on the virtual codesandbox machine, is there any way to upload either a .woff or .ttf file or import it from google fonts?

[SaraVieira]

Hey

Right now we do not have this feature, you can only add custom fonts to the sandbox itself, not to codesandbox.

You can do this with extensions if you are using chrome I was able to do it by downloading stylebot and add the following css:

@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');

.view-lines {
  font-family: 'Fira Code';
}

And here is the extension: https://stylebot.dev/

[Explosion-Scratch]

Thanks! Do ligatures work?

[SaraVieira]

Yes, we have that on our CSS :)

Its also an option you can turn on in the settings here: