I've been using Obsidian for my daily note-taking needs for a while now. One thing that annoyed me early on was, that I cannot choose separate font families for editing and reading mode.

Today I realized that Obsidian supports custom CSS snippets. May I present: `monospace-editing-mode.css`

https://gist.github.com/bl1nk/9bb9ac76bd9ca4959ca22fbe0e8486d4

monospace-editing-mode.css

GitHub Gist: instantly share code, notes, and snippets.

Gist

The fonts used in the screenshot are:

- Inter for reading mode https://rsms.me/inter/
- PragmataPro for editing mode https://fsd.it/shop/fonts/pragmatapro/

Inter font family

Inter is a typeface family

rsms.me/inter
@markus You can also use different fonts in live preview than in reading mode with the Minimal theme and the Minimal Theme Settings plugin.