How to Use JetBrains Mono as Web Editor Font?

Questions
1

The typst.app web editor has a “Font family in the editor” setting. I want to add the font JetBrains Mono and use it but have been unable to get it to work. I have tried “JetBrains Mono”, “JetBrainsMono”, and “JetBrainsMono NF”, to no avail.

2

Edited after the comment by @laurmaedje I had another look at my solution.

It was wrong, thus deleted here. The correct solution is this post How to Use JetBrains Mono as Web Editor Font? - #3 by laurmaedje

3

There is no need to upload the font. The editor uses the normal browser font handling rather than Typst’s font handling, so the font just needs to be installed on your system.

2 Likes
4

I’ve installed JetBrainsMono Nerd Font on both Windows 11 and macOS 18. The editor only picked up the font on Chrome on Windows and not Safari on macOS.