How do I change font sizes?

Basement
1

I want to change H1, H2 H3, H4 sizes smaller

2

I’m guessing, the font size can be changed from the obsidian.css, but I may be wrong.

3

I’d guess so too. The CodeMirror classes .cm-header-1, .cm-header-2 etc. sound promising.

4

Yes, if you are using the custom CSS function, it will be:
.cm-header-1 for edit screen
.markdown-preview-view h1 for preview screen

Here is an example:

.markdown-preview-view h1 {
    font-family: inter;
    font-weight: 700 !important;
    font-size: 24px;
    font-weight: normal;
}
2 Likes
5

It’s the little things which I want to change, like
image
image
How the edit and preview mode bold sizes seem different

6

You might have to wait for wysiwyg for that.

7

If you have CSS knowledge, follow the Custom CSS in Help vault.

8

The edit and preview difference is despite the CSS being the same. Presumably down to the underlying engines being different. With wysiwyg that difference will disappear.