[Meta] Fonts

It’s nice, but having both would be nice as well. Or maybe even changing the text on the editor changes the text on the menu as well. This isn’t a must have, but would be very nice.

You can enable Custom CSS plugin and create the file obsidian.css in your vault root directory and copy CSS from this gist there.

You can easily adjust the font sizes for your needs by changing variables at the top of that CSS.

Note: I extracted this CSS from Dracula theme.

5 Likes

Note to self: learn CSS :slight_smile:

Has anyone had any luck with these? Crtl + (zoom in) still works. Crtl - (zoom out) does not on my computer, crtl 0 also does not do anything on my computer. I have to close and restart to reset zoom. There is no way to set these via the hotkeys settings currently.

Try Ctrl+shift+- to zoom out

Obsidian really needs font settings. Here is another request about it:
https://forum.obsidian.md/t/setting-function-for-changing-font-size-and-line-height/83/2

Do it as it is in Stroll:
https://forum.obsidian.md/uploads/default/original/2X/8/83f96718965f8f0acc2611694099af2818872c6f.png

https://forum.obsidian.md/uploads/default/original/2X/c/c68d969558abc19ccab93ede78ea5d8591d808ab.png

https://giffmex.org/stroll/stroll.html

Software that is based on such a great idea of backlinks should not turn off users just because from the start they need to learn css and a lot of shortcuts just to do such a basic operation as font change or bolding some text.

Besides now font size in editor is different form font size in preview

https://forum.obsidian.md/uploads/default/original/2X/b/bea9d82fc8a2485a98b990b1448ee509cd6da044.png

It really needs to be addressed by developers not by users.

I don’t want to be rude but it is really note taking app, not “learn css” app.

6 Likes

unfortunately, this does not do anything

Is there a way to optionally disable this by some CSS or plugin? (for each sidebar separately)
Then we could just customize font size relative to UI by CSS snippet and issue would be solved since we usually zoom in order to make text readable, including UI.
What are other issues?

We strongly recommend you to search the forum with possible keywords before making a new feature request. If your request is very similar to an existing one, consider liking it and/or making a comment rather than making a new one. Once you’ve searched and determined that this is a new request, delete this line.

Use case or problem

I cannot zoom into a note or change the font size, which means I cannot read the notes.

Proposed solution

Be able of zooming into a note, or changing the size.

Current workaround (optional)

Change the operating system resolution or font. Or tweak the CSS of the theme. (how?)

Related feature requests (optional)

Can you please open a #bug-reports with the template about being able to zoom in? The font as you know can be changed through css.

The software font is relatively large, I hope to have the function of adjusting the font size and line height

9 Likes

I think it’s pretty simple to do by enabling the custom CSS option in settings. But for that to be useful for normal users, we need some really clear documentation with examples on how to do some of these basic preference adjustments. For example, I think general font size looks something like this.

/* normal text other than headings and code */
.cm-s-obsidian
{
  font-size: 12px;
}

*Disclaimer: I don’t know CSS

1 Like

Sorry but using css to create simple text notes is a big turn-off for normal, non-tech users.
When I start to use any note taking app, I would like to focus on creating notes, not on searching the Internet for a way to change something so basic as font size.

Just create options in configuration, as it is for example in Stroll, which also uses markdown

https://giffmex.org/stroll/stroll.html

Also I would love to have simple edit icons like in Stroll or Tiddlywiki:

Learning all these shortcuts to start simple editing is also a turn-off. Not that I can’t do that but come on - there are more pleasurable things in life. Even when I write this message there are editor icons available.

Software that is based on one of the greatest ideas of note taking should not turn off users just because from the start they need to learn tones of shortcuts and remember how to bold some text.

4 Likes

related topics:
https://forum.obsidian.md/t/text-resize-in-editor/346/2

Support Numeric Keypad (+ / -) Zoom In / Out - #3 by malecjan

I don’t expect Obsidan to have a bunch of fancy editing features. It’s not meant to be a word processor bristling with typesetting functions. I get that. But I work on a 13-inch Macbook, and the font is just plain huge. The top-level header font size is big enough on my screen to be a New York Times headline announcing World War 3. I’d just like to be able to alter fonts and colors in specific contexts, like edit mode. The difference between edit and preview mode is so subtle that sometimes I start typing thinking I’m in edit mode, and nothing is happening. I’ve turned on vim line numbers to make it more obvious when I’m in edit mode, but it would be great if I could get a monospace font in edit mode so markdown tables are aligned while I’m editing them. Right now, that simple desire is like walking into a store to buy a fur coat, and being handed a bow & arrow (with an Obsidian tip :slight_smile:).

2 Likes

Conversely, I use obsidian on a 32 inch 8k monitor and the default font size and icons are too small to be usable.

We need a simple accessibility mechanism to change the size of everything proportionally. I don’t have the time to hunt down all the css mechanisms for that.

1 Like

@NicolasRouquette the above ↑ mentioned hotkeys ⌘+ (Ctrl+Plus) and ⌘- (Ctrl+Minus) do exactly that. Did you try them?

Thanks, on linux, it is Ctrl+Equals (increase) and Ctrl+Minus (decrease).

1 Like

Not being able to change text size without zooming in the entire program is one thing that is holding me back from fully integrating or using it as much as I would like to

2 Likes

+1 for a non-css approach for font family and size changes. Looks like a big overlook for an editor.

3 Likes