A custom font can make your coding experience more comfortable and even improve readability.
In this quick guide, Iโll show you how to set up a custom font in Zed.


Letโs dive in! ๐คฟ
๐น Since weโre talking about visual things, I recommend watching this video as well
Download and Install a Custom Font
First, download the font you want to use. You can find many great options at Google Fonts, but for this tutorial, Iโll be using the JetBrains Mono โ a font designed specifically for developers.
Installing the Font (by Operating System)
๐ Windows
โ Unzip the archive.
โ Select all font files, right-click, and choose Install.
๐ macOS
โ Unzip the archive.
โ Select all font files and double-click Install Font.
๐ Linux
โ Extract the font files to ~/.local/share/fonts (or /usr/share/fonts for system-wide install).
โ Run the following command to refresh the font cache:
fc-cache -f -v๐กGood to know
Set the Custom Font in Zed
Now, letโs configure Zed to use the new font!
1๏ธโฃ Open the settings.json file:
- Press
CTRL+ALT+,(Windows/Linux) orCMD+OPTION+,(macOS).
2๏ธโฃ Add or update the following lines in your settings.json file:
"buffer_font_family": "JetBrains Mono",
"buffer_font_features": { "liga": true },
"ui_font_family": "JetBrains Mono",buffer_font_familyโ Sets the font used for the editor text (code/content area).buffer_font_featuresโ Enables or disables specific font features for the editor text;"liga": trueturns on ligatures.ui_font_familyโ Sets the font used for interface elements (tabs, menus, panels, labels).
Thatโs it! Youโve successfully set up a custom font in Zed ๐
Got a favorite programming font? Let me know in the comments!
Happy building! ๐
Let me know what you think about this article in the comments section below.
If you find this article helpful, please share it with others and subscribe to the blog to support me, and receive a bi-monthly-ish e-mail notification on my latest articles.
