How to unbold the h1 heading? please help

What I’m trying to do

I’m trying to unbold the h1 heading. Is this possible?

Things I have tried

I tried this custom css snippet but it doesn’t seem to work.
h1{
font-weight: normal;
}

I also reduced the size of all the h1-h6 headings (below code) and it seems to apply however trying to unbold it doesn’t work. What am I doing wrong?

body {
font-weight: normal;
–h1-size: 1.30em;
–h2-size: 1.30em;
–h3-size: 1.20em;
–h4-size: 1.12em;
–h5-size: 1.12em;
–h6-size: 1.12em;
}

If it matters, I’m using the calibri font.

Give this a try. You can add the variables anywhere in your existing body:

body {
  --h1-weight: var(--font-normal);
  --h2-weight: var(--font-normal);
  --h3-weight: var(--font-normal);
  --h4-weight: var(--font-normal);
  --h5-weight: var(--font-normal);
  --h6-weight: var(--font-normal);
}

--font-normal is set at a value of 400, so you could also replace that with a number value if you only wanted to change one. e.g.;

body {
  --h1-weight: 500;
  --h2-weight: var(--font-normal);
  --h3-weight: var(--font-normal);
  --h4-weight: var(--font-normal);
  --h5-weight: var(--font-normal);
  --h6-weight: var(--font-normal);
}

Have a look at the app.css section that starts with:

/* Obsidian theme variables */
/* ------------------------ */

or the variable documentation below:

1 Like

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.