Zed — Zoom In and Zoom Out Font and Editor

In Zed, you can zoom in using CTRL + + (or CMD + + on macOS), zoom out using CTRL + - (or CMD + - on macOS), and reset the zoom using CTRL + 0 (or CMD + 0 on macOS).

However, adjusting the zoom this way only affects the current session. If you restart Zed, you’ll notice that the zoom level does not persist.

That’s why in this post, I’ll show you how to set a persistent font size and scale the entire editor UI.

▶️ If you prefer a video instead, I got you covered:

Zoom Font & Editor

Open the settings.json file using CTRL + ALT + , (or CMD + Option + , on macOS).

There are two settings we’re interested in: buffer_font_size and ui_font_size.

{
  "buffer_font_size": 18, // change the zoom level of text inside the editor
  "ui_font_size": 20, // change the zoom level of the entire editor UI
}

{
  "buffer_font_size": 18, // change the zoom level of text inside the editor
  "ui_font_size": 20, // change the zoom level of the entire editor UI
}

Restart Zed, and you’ll see that both the font size and UI scale remain exactly as set.

Of course, if you want to temporarily adjust the font size without changing the settings, you can always use CTRL/CMD + + / -.

Future Updates

One last important thing to keep in mind is that Zed currently does not support zooming with CTRL/CMD and mouse scroll, as we’re used to in VS Code.

There is an open discussion to add this feature, along with other mouse-binding configurations. So stay tuned, I’ll update you once zooming with the mouse scroll is available.

Happy building 💜

Comments