How do I change font sizes?

Kuncy · 2020-09-29T05:44:57.545Z

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

biscuittoman · 2020-09-29T05:59:32.253Z

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

egoexpress · 2020-09-29T06:06:55.728Z

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

walklty · 2020-09-29T06:13:50.446Z

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;
}

Kuncy · 2020-09-29T06:51:14.229Z

It’s the little things which I want to change, like

How the edit and preview mode bold sizes seem different

Dor · 2020-09-29T07:48:51.713Z

You might have to wait for wysiwyg for that.

DoomValley · 2020-09-29T08:08:45.710Z

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

Dor · 2020-09-29T09:16:51.555Z

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.