/* THIS APPEARS TO CHANGE THE SOURCE VIEW FONT IN THE NEW LIVE EDITING */
.markdown-source-view.mod-cm6 .cm-scroller {
font-family: 'Courier Prime Code', Menlo, 'iA Writer Mono V', 'iA Writer Duo V', Monaco, 'Courier Prime Code', monospace;
}
Hello there!
I would like to organise with the headings but they are way too big, ant then take way to much space on a note.
So I would like to reduce the size of the headings. Maybe even change the Header one to Center rather than Align left.
Is there an easier way rather than go CSS ? ^^
Even if I get my hands dirty by getting help, is there a project to edit the font in an user friendly way in a future (or even a Plug-in) ?
My gosh! This is so cryptic! Look how many attempts, failures, and different answers there are here. It’s crazy that I might have to schedule an hour or two of my day to troubleshoot changing fonts in a text dominant program.
Could someone who knows CSS and Obsidian post a standard template that includes every style that Obsidian uses? Where users could simply type in the font next to whatever style they want to change.
Internally, Obsidian uses the --default-font variable for the UI font and editor font. And it uses the --font-monospace variable for code blocks in the editor.
This should never break unless Obsidian does some major refactoring to the way their CSS is set up.
Note:
system-ui will use your system’s default font. ui-sans-serif is a newer version, currently only supported by Safari which will pick the system default sans font (there’s also ui-serif if you prefer that).
There’s no way to get the system default monospace font… monospace picks some random monospaced font for me, not what I have my system configured to. ui-monospace should work in the future, but again it’s currently only supported on Safari. So I explicitly specify there that I want to use the Hack font.
I’m using Comic Sans as my system font, here’s what it looks like:
Hello everyone <3
I am trying to change the font on my obsidian too but the issue I am having is that I am using a font that I bought from someone on their website. I have the font installed on my computer. Would any of this css work for me? or is it impossible for me to change the font to the one I Purchased?
Thank You for your help and for reading this. Much Love <3 Flip
@Flipah This thread is from before a new and easier method was implemented. In the Settings (click gear icon on bottom left of the ui), you can go to the Appearance section, and ever since version 0.14.4 you can just choose any installed font for different purposes within Obsidian (Editing View, Reading View, and the ui). In the release notes, it explains:
You can now assign multiple fonts to each font option, and the first available font will be used.
Is there a way to to use a different font than what’s offered in the dropdown in the GUI settings? Especially for foreign languages, it would be nice to be able to choose a custom font beyond what is offered in the dropdown.
However, for example in MS Word, I have tons of fonts starting with “K” (in my case, looking for fonts for the Khmer language), none of which show up in the Obsidian view.
Huh, it seems that I was to quick with my previous comment. I have the same situation that not all system fonts are available in the dropdown menu in Obsidian’s settings. My comment was based on the experience that when I installed a new system font, it became available in the dropdown. Nevertheless, I now see that many system fonts are not available to choose.
I don’t know what controls which system fonts are available and which are not. You could use the workaround that solved the original poster’s issue at the top of this thread.
Mine still wasn’t showing, but I noticed in this post that some fonts you need to just type it in and hope it works (rather than relying on their autocompletion).
Trying that worked for me, at least for the Khmer font:
As I was typing, it doesn’t recognize the font and give the little red circle guy:
I have read all this thread, and not found pointers to the ONLY thing I would need to change, that is the font SIZE in the graph view. Everything else in the default Obsidian interface and theme is OK for me (font type, colors, etc…) but I badly need to see the node names in the graph view, without zooming so much that I only see 3/4 nodes in the whole screen.
How can I create a CSS snippet that does just that? What should I write. or where is the documentation about THIS specific setting? Thanks