How do I change font sizes?

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

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

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

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

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

1 Like

You might have to wait for wysiwyg for that.

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

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.