How to change callout title font/weight?

[hanhvit]

What I’m trying to do

hi, i need help changing the font in my callout titles when in bold. as of right now, it looks pretty much chunky, not sure if it’s the font causing it or font weight. when the title is not in bold, it looks just like the body of callout. i also use anuppuccin theme and have the callout manager plugin installed (within the plugin, I disabled obsidian’s and the theme’s default callouts).

Things I have tried

i have already tried all kinds of settings within obsidian and plugins. also searched and read through forums but none of the CSS codes worked

.callout-title .callout-title-inner {
  font-family: "Gill Sans" !important;
  font-weight: 400 !important;
}

.callout-title .callout-title-inner {
  font-family: "Gill Sans", sans-serif;
  font-weight: 400;
}

.callout[data-callout] .callout-title .callout-title-inner {
  font-family: "Gill Sans", sans-serif;
  font-weight: 400;
}

[ariehen]

@hanhvit

.callout-title .callout-title-inner {
  font-family: "Gill Sans", sans-serif;
  font-weight: 400;
}

.callout[data-callout] .callout-title .callout-title-inner {
  font-family: "Gill Sans", sans-serif;
  font-weight: 400;
}

Either of these work fine for me in changing all of Obsidian’s default callouts. [!example], [!note], etc. (I used a different font because Gill Sans isn’t installed on this device, but both snippets work on this end.)

---

What’s the name of the callout you are using there? If it’s a custom one, you’ll may need to add the callout name into the snippet to override any other css at play. e.g.

> [!custom-callout] Title
> Content

.callout[data-callout='custom-callout'] .callout-title .callout-title-inner {
  font-family: "Gill Sans", sans-serif;
  font-weight: 400;
}

[hanhvit]

it still does nothing D: but when i look into callout manager, it does show me the snippet is active

.callout[data-callout='question'] .callout-title .callout-title-inner {
  font-family: "Gill Sans", sans-serif;
  font-weight: 400;
}

[ariehen]

What’s the markdown as written in the note? (Just the first few lines with callout name and title is fine.)

---

I just tried again with:

.callout .callout-title .callout-title-inner {
  font-family: "Comic Sans MS", sans-serif;
  font-weight: 400;
}

and all my callout titles are changed:

Adding this in:

.callout[data-callout="quote-test"] .callout-title .callout-title-inner {
  font-family: "Fira Code", sans-serif;
  font-weight: 700;
}

changes only my [!quote-test] callout:

> [!quote-test]
> callout content