Helpful articles here:
- Article 1: # [What is the CSS Class associated with header fonts?](https://forum.obsidian.md/t/what-is-the-css-class-associated-with-header-fonts/33206)
Using VSC to read the CSS template file, you will find a block of text:
```
body {
--h1-size: 34px;
--h2-size: calc(var(--h1-size) - 4px);
--h3-size: calc(var(--h1-size) - 8px);
--h4-size: calc(var(--h1-size) - 12px);
--h5-size: calc(var(--h1-size) - 14px);
--h6-size: calc(var(--h1-size) - 16px);
--header-weight: 700;
--h1-weight: var(--header-weight);
--h2-weight: var(--header-weight);
--h3-weight: var(--header-weight);
--h4-weight: var(--header-weight);
--h5-weight: var(--header-weight);
--h6-weight: var(--header-weight);
--font: "Norwester", "Staatliches", "Racing Sans One", "Heavitas", "Playfair Display", serif;
```
In the font section, this is where you can edit the default font. Once this is replaced with the appropriate choice of font and the fonts are downloaded (by embedding the download asset code into the template - see [[Custom font for CSS template for Obsidian Publish]]).