Font Variables

[Faf4a]

What version of starlight are you using?

0.23.4

What is your idea?

I recently tried to modify the font of the headers, and found out that there is no font variable for just headers, there's only a universal font variable (--sl-font).

It would be great if we had something like --sl-header-font to easily change the header fonts as you currently have to do this:

h1, h2, h3, h4, .starlight-aside__title {
  font-family: "Ginto Nord", "Whitney", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

Doing this:

:root {
  --sl-header-font: "Ginto Nord", "Whitney", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

Would be way easier.

Why is this feature necessary?

quality of life change

Do you have examples of this feature in other projects?

No response

Participation

• I am willing to submit a pull request for this feature.

[delucis]

Thanks for the suggestion @Faf4a!

Re: code fonts — this is already possible using the --sl-font-mono variable:

:root {
  --sl-font-mono: "JetBrainsMono";
}

[Faf4a]

Ah, must've been an oversight on my part, thanks!