Obsidian monospace snippet

By@ɖʀɛǟJan 31, 2026
Subscribe
image.png


A fun little CSS snippet for Obsidian that makes the entire vault appear in Monospace font. Because Monospace just feels more productive. Or something. Eliminates the need to do custom font installations.

/* Set monospace for ALL fonts */
body {
  --font-monospace: 'JetBrains Mono', monospace;
  --font-text: 'JetBrains Mono', monospace;
  --font-interface: 'JetBrains Mono', monospace;
}

/* Source mode */
.markdown-source-view.mod-cm6:not(.is-live-preview) .cm-scroller {
  font-family: var(--font-monospace);
}

/* Live preview mode */
.markdown-source-view.mod-cm6:is(.is-live-preview) .cm-scroller {
  font-family: var(--font-monospace);
}

/* Reading view */
.markdown-preview-view {
  font-family: var(--font-monospace);
}

/* Interface elements (sidebars, menus, etc.) */
.workspace-leaf-content,
.nav-header,
.nav-files-container,
.workspace-tab-header-container,
.status-bar {
  font-family: var(--font-monospace) !important;
}